javascript焦点到文本框内容末尾

来源:互联网 发布:电视节目回看软件 编辑:程序博客网 时间:2024/04/28 22:32
今天修改一个功能,需要聚焦到文本框已有内容的末尾源地址:http://itsky.iteye.com/blog/443723Js设置文本框中焦点位置在最后
    博客分类:
  • javascript
 在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框. 

如: 

if(obj.value==""){ 

   obj.focus(); 

   return false; 


在Jquery中可以直接调用$("#idEle").focus();来获取焦点。
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题... 

那就是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>
原创粉丝点击