`

Js设置文本框中焦点位置在最后

    博客分类:
  • js
 
阅读更多
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.

如:

if(obj.value==""){

   obj.focus();

   return false;

}

这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...

那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点...

但是,如果文本框中已经有内容了..但是这个内容不合法.obj.focus()同样的将光标移动到了这个文本框的第一个字符的位置..这时就会让注意用户体验的设计师郁闷了...我们需要的是文本框得到焦点,然后文字光标移动到文本框的最后,让用户可以不用点击文本框直接输入内容..输入的内容会在原来的内容的后面追加起来..

下面的代码可以完成这个小细节:

<script language="javascript">
function getSelectPos(obj){
var esrc = document.getElementById(obj);
if(esrc==null){
   esrc=event.srcElement;
}
var rtextRange =esrc.createTextRange();
rtextRange.moveStart('character',esrc.value.length);
rtextRange.collapse(true);
rtextRange.select();
}
</script>
分享到:
评论
1 楼 elaine0111 2011-07-23  
非常感谢这篇文章,嘿嘿,解决了我的问题。我把这段代码保存在我的博客了,以备以后使用。希望作者谅解,谢谢……

相关推荐

    js设置文本框中焦点位置在最后的示例代码(简单实用)

    在本文中,我们将会探讨如何使用JavaScript(简称JS)来设置文本框中焦点位置位于最后的技术。这类功能在各种Web表单交互中非常实用,尤其是在需要用户追加输入或者结束输入时,能够自动定位到文本框的末尾,提升...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    1. **焦点光标位置**:当用户在文本框中输入时,光标所在的位置就是焦点位置。这可以帮助我们判断用户当前正在输入的位置,以便进行相应的处理。 2. **选中起始位置**:这是用户选择的文本块的起始字符位置。例如,...

    js实现文本框中焦点在最后位置

    在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容...如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点… 但是,如果文本框中已经有内容了

    javascript 设置文本框中焦点的位置

    设置文本框焦点位置的应用场景非常广泛,例如: 1. **表单填写辅助**:在用户填写表单时,可以通过这种方式自动跳转到下一个输入框,并将光标定位到特定位置。 2. **错误提示**:当用户填写的信息有误时,可以高亮...

    在js(jquery)中获得文本框焦点和失去焦点的方法

    先来看javascript的直接写在了input上 代码如下: &lt;input name=”pwuser” type=”text” id=”pwuser” class=”input” value=”楼盘账号” onBlur=”if(this.value==”) this.value=’楼盘账号’;” onFocus=”...

    文本框获得焦点改变背景颜色.html

    文本框获得焦点改变背景颜色,HTML,JAVASCRIPT,CSS,做网页前台的时候看一看

    文本框获取焦点弹出下拉框

    要实现在文本框获取焦点时弹出下拉框,通常需要结合JavaScript或者jQuery进行操作。JavaScript是一种广泛使用的客户端脚本语言,可以动态修改网页内容和行为。jQuery则是一个流行的JavaScript库,提供了更简洁的API...

    jquery 强制设置文本框处于英文输入法状态

    标题“jquery 强制设置文本框处于英文输入法状态”涉及的是一个特定的问题:如何在网页中确保文本框(input元素)在用户交互时始终处于英文输入法模式,特别是在使用扫描枪进行输入时,避免中文输入法的误触发导致...

    JQ 文本框得到失去焦点

    在实际开发中,我们可能需要在文本框聚焦和失焦时执行特定的操作。例如,验证用户输入、修改文本框样式、显示或隐藏提示信息等。以下是一个示例,展示如何在文本框失去焦点时检查其内容是否为空,并给出相应提示: ...

    jQuery实现文本框获得焦点文字消失

    在这个特定的场景中,我们关注的是如何使用jQuery来实现一个功能:当文本框(input[type="text"])获取焦点时,其预设的文字自动消失,而当失去焦点时,文字又能重新出现。这个功能常见于搜索框或表单输入,以引导...

    文本框获得焦点背景颜色

    文本框获得焦点时变色,html,javascript,css,用作表单比较不错

    文本框获取焦点js日历

    textbox文本框获取焦点弹出日历,这个是我在做项目的时候找到的,使用起来很方便,如果数据库字段也是日期型,在按照日期排序时就方便了!

    JQuery中使文本框获得焦点的方法实例分析

    总结以上内容,本文介绍了在使用jQuery进行文本框焦点控制时需要注意的几个关键点: 1. 区分JQuery对象与DOM对象,并正确选择方法来使文本框获得焦点。 2. 使用`$("#id")[0].focus();`方法使DOM元素获得焦点。 3. ...

    js文本框校验控件

    "js文本框校验控件"是JavaScript技术在表单验证中的应用,主要用于确保用户在输入框中输入的数据符合预设的规则,提高用户体验并减少服务器端的无效处理。以下是对这一主题的详细说明: 1. **文本框验证的基本原理*...

    文本框获得焦点清空value的插件

    在实际项目中,你可能会希望在文本框失去焦点(blur)时恢复之前的值,以防用户误操作。这可以通过添加另一个事件监听器来实现。另外,为了使插件更通用,可以考虑添加配置选项,让用户选择是否启用清空或恢复功能,...

    JavaScript实现文本框提示

    ### JavaScript 实现文本框提示知识点解析 #### 一、背景介绍 在网页开发过程中,为了提升用户体验,常常需要对用户输入进行即时反馈。其中一种常见的做法就是在用户将光标聚焦到某个输入框时,通过弹出提示的方式...

    JavaScript 获取焦点改变文本框内部颜色代码

    在网页开发中,JavaScript 是一种不可或缺的脚本语言,它能赋予网页动态功能,提高用户体验。本示例探讨的是如何利用JavaScript实现一个特定的功能:当用户点击文本框(input type="text")并使其获得焦点时,改变...

Global site tag (gtag.js) - Google Analytics