您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js获取光标位置和设置文本框光标位置示例代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox,大家参考使用吧

代码如下: <script type="text/javascript">         function getTxt1CursorPosition(){             var oTxt1 = document.getElementById("txt1");             var cursurPosition=-1;             if(oTxt1.selectionStart){//非IE浏览器                 cursurPosition= oTxt1.selectionStart;             }else{//IE                 var range = document.selection.createRange();                 range.moveStart("character",-oTxt1.value.length);                 cursurPosition=range.text.length;             }             alert(cursurPosition);         }           function setTxt1CursorPosition(i){             var oTxt1 = document.getElementById("txt2");             var cursurPosition=-1;             if(oTxt1.selectionStart){//非IE浏览器                 oTxt1.selectionStart=i;             }else{//IE                 var range = oTxt1.createTextRange();                 range.move("character",i);                 range.select();             }         }           function getTa1CursorPosition(){             var evt =window.event?window.event:getTa1CursorPosition.caller.arguments[0];             var oTa1 = document.getElementById("ta1");             var cursurPosition=-1;             if(oTa1.selectionStart){//非IE浏览器                 cursurPosition= oTa1.selectionStart;             }else{//IE                 var range = oTa1.createTextRange();                 range.moveToPoint(evt.x,evt.y);                 range.moveStart("character",-oTa1.value.length);                 cursurPosition=range.text.length;             }             alert(cursurPosition);         }           function setTa1CursorPosition(i){             var oTa2 = document.getElementById("ta2");             if(oTa2.selectionStart){//非IE浏览器                 oTa2.selectionStart=i;                 oTa2.selectionEnd=i;             }else{//IE                 var range = oTa2.createTextRange();                 range.move("character",i);                 range.select();             }         }     </script>