javascript獲得光標所在的文本框(text/textarea)中的位置

2019-11-21 00:53:50

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js獲得光標所在的文本框(text/textarea)中的位置</title> <script type="text/javascript"> function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.moveToPoint(event.x,event.y); }else{ //Text rng = document.selection.createRange(); } rng.moveStart("character",-event.srcElement.value.length); result = rng.text.length; } return result; } function getValue(obj){ var pos = getPosition(obj); alert(obj.value.substr(0,pos)+"[輸入內容]"+obj.value.substr(pos,obj.value.length)); } </script> </head> <body> <input type="text" value="HELLO jb51" onmouseup="getValue(this)" style="display:block"> <textarea rows="6" cols="60" onmouseup="getValue(this)">jb51 HELLO!</textarea> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：event.srcElement 用法筆記e.target

下一篇：javascript 移動鼠標得到單元格所在table表中的rowIndex位置[兼容ie,firefox] 原創