javascript焦点到文本框内容末尾
来源:互联网 发布:电视节目回看软件 编辑:程序博客网 时间:2024/04/28 22:32
今天修改一个功能,需要聚焦到文本框已有内容的末尾源地址:http://itsky.iteye.com/blog/443723Js设置文本框中焦点位置在最后
如:
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焦点到文本框内容末尾
- 利用js在文本框末尾获得焦点
- JS中文本框获得焦点后,光标位置如何跳到文本末尾
- JavaScript获取文本框的焦点是将内容清空
- JavaScript自动复制文本框的内容到另一个文本框中
- C#文本框获取焦点后光标处于文本末尾
- 追加内容到文件末尾
- 追加内容到文件末尾
- JS光标定位到文本框字符串末尾
- JS光标定位到文本框字符串末尾
- JS光标定位到文本框字符串末尾
- Android EditText光标移动到文本框末尾
- Android EditText光标移动到文本框末尾
- Android EditText光标移动到文本框末尾
- 用javascript 复制文本框中的内容到剪切板
- javascript验证文本框内容
- javascript验证文本框内容,
- 文本框获得焦点时,内容为空!
- OpenCV
- Java实现内联函数
- C#结构和类的适用场合
- PGI Visual Fortran 2010 v12.10 with VS2010 Shell-Lz0
- 最小生成树——Kruskal算法
- javascript焦点到文本框内容末尾
- HDOJ 1394 Minimum Inversion Number (逆序数对)
- Java常见 异常汇总
- Eclipse CDT on Linux
- CMD&DOS入口及符号的作用
- 写给浮躁的软件业同行
- PGI Workstation Complete v12.10-Lz0
- 小议Linux staging tree
- 把select结果输出为txt