javascript设置文本框光标的方法实例小结

本文实例总结了javascript设置文本框光标的方法分享给大家供大家参考,具体如下:

对于text

rush:js;"> //得到光标位置 function getCaret(textBox) { var control = document.activeElement; textBox.focus(); var rang = document.selection.createrange(); rang.setEndPoint("StartToStart",textBox.createTextRange()) control.focus(); return rang.text.length; }

对于textarea

rush:js;"> function getCaret(ZysrID) { var txb = document.getElementById(ZysrID);//根据ID获得对象 var pos = 0;//设置初始位置 txb.focus();//输入框获得焦点,这句也不能少,不然后面会出错,血的教训啦. var s = txb.scrollTop;//获得滚动条的位置 var r = document.selection.createrange();//创建文档选择对象 var t = txb.createTextRange();//创建输入框文本对象 t.collapse(true);//将光标移到头 t.select();//显示光标,这个不能少,不然的话,光标没有移到头.当时我不知道,搞了十几分钟 var j = document.selection.createrange();//为新的光标位置创建文档选择对象 r.setEndPoint("StartToStart",j);//在以前的文档选择对象和新的对象之间创建对象,妈的,不好解释,我表达能力不算太好.有兴趣自己去看msdn的资料 var str = r.text;//获得对象的文本 var re = new RegExp("[//n]","g");//过滤掉换行符,不然你的文字会有问题,会比你的文字实际长度要长一些.搞死我了.我说我得到的数字怎么总比我的实际长度要长. str = str.replace(re,"");//过滤 pos = str.length;//获得长度.也就是光标的位置 r.collapse(false); r.select();//把光标恢复到以前的位置 txb.scrollTop = s;//把滚动条恢复到以前的位置 }

设置光标函数

rush:js;"> function setCaret(id,pos) {   var textBox = document.all(id);   var r = textBox.createTextRange();   r.collapse(true);   r.moveStart('character',pos);   r.select(); }

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...