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

前端之家收集整理的这篇文章主要介绍了javascript设置文本框光标的方法实例小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

对于text

Box) { var control = document.activeElement; textBox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textBox.createTextRange()) control.focus(); return rang.text.length; }

对于textarea

显示光标,这个不能少,不然的话,光标没有移到头.当时我不知道,搞了十几分钟 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;//把滚动条恢复到以前的位置 }

设置光标函数

Box = document.all(id);   var r = textBox.createTextRange();   r.collapse(true);   r.moveStart('character',pos);   r.select(); }

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

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

原文链接:https://www.f2er.com/js/44637.html

猜你在找的JavaScript相关文章