Js如何设置文本框焦点位置在最后?

发布时间:2019-07-27编辑:脚本学堂
本文介绍了设置文本框焦点位置在最后的js脚本代码,让文本框焦点定位在不为空的输入框中,需要的朋友参考下。

对于文本框焦点,通常是在输入框内容检测时,用于获取焦点,然后检测输入内容的正确性。
例子:
 

复制代码 代码示例:
if(obj.value==""){
   obj.focus();
   return false;
}

以上代码是有问题的:
obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置。
如果文本框中没有内容,obj.focus可以直接在文本框中输入内容,不用点击一下文本框以使文本有焦点。

当文本框中已经有内容了时,情况怎么样呢?
但是这个内容不合法.obj.focus()同样的将光标移动到了这个文本框的第一个字符的位置。
真正需要的效果是:
文本框得到焦点,然后文字光标移动到文本框的最后,不用点击文本框直接输入内容,输入的内容会在原来的内容的后面追加起来..

例子,js设置文本框焦点位置在最后。
 

复制代码 代码示例:
<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>