javascript焦点到文本框内容末尾
2012-11-03 15:42
197 查看
今天修改一个功能,需要聚焦到文本框已有内容的末尾源地址: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>
博客分类:
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>
相关文章推荐
- Javascript 设置 文本框 的内容 的焦点 位置(兼容IE FIrefox Chrome)-摘自网络
- JavaScript获取文本框的焦点是将内容清空
- JavaScript基础 text文本框获得焦点时,其中的内容被全选 this.select()
- JavaScript基础 text文本框获得焦点时,其中的内容被全选 this.select()
- 如何实现上下左右键盘控制焦点使之落在相邻文本框或下拉框中-Web开发/JavaScript
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- 文本框获取焦点时显示隐藏部分内容
- javaScript:让文本框内的最后一个文字的后面获得焦点
- JavaScript DOM 制作搜索框,outline 去掉文本框获取焦点时候的颜色
- JavaScript让登录或搜索文本框自动获得焦点
- javascript获取文本框内的内容
- 文本框获取焦点的时候默认值消失,当默认值发生改变时文本框内容为改变后的内容
- 文本框获得焦点,并且同时清空文本框内原有的文字。 如果文本框内已经有用户输入的内容了,那么就不应该进行清除文本款内容这个动作
- asp.net C#用JavaScript获取JS显示得到TextBox文本框控件text值内容
- JavaScript让登录或搜索文本框自动获得焦点
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- javascript验证文本框内容
- 当文本框第一次获得焦点时,清空文本框中原有的内容
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容