js实现文本框中焦点在最后位置
2018-10-12 13:52
881 查看
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.
如:
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>
这个代码是在用户体验的细节性上会对设计师有很大的帮助...
您可能感兴趣的文章:
相关文章推荐
- js实现文本框中焦点在最后位置
- js设置文本框中焦点位置在最后的示例代码(简单实用)
- js设置文本框中焦点位置在最后的示例代码(简单实用)
- 通过JS实现文本框获得输入焦点时的状态
- js设置文本框聚焦时置顶,失去焦点时恢复位置(适用于移动设备软键盘遮挡问题)
- js实现文本框中鼠标点击关键字消失,失去焦点关键字出现
- Js-利用js实现文本框默认获取输入焦点
- JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容
- JS实现文本框获得焦点,文本框里提示信息自动消失
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字,值发生改变时不再恢复默认文字?
- 设置文本框中焦点的位置的实现代码
- js实现文本框提示,获得焦点消失!
- js实现焦点进入文本框内关闭输入法
- js实现input文本框点击时文字消失,失去焦点时文字出现
- js实现浮动框跟随页面滚动,最后停留在原来位置
- Jquery实现文本框得到焦点的时候,文本框的焦点出现在最后!
- JS中文本框获得焦点后,光标位置如何跳到文本末尾
- JS实现文本框获得焦点,文本框里提示信息自动消失
- js实现文本框回车切换焦点
- js实现焦点进入文本框内关闭输入法