【示例】
-
HTML
<input type="text" value="获取文本域中光标的定位" onclick="getCursorPos(this);"><br> <textarea rows="8" cols="24" onclick="getCursorPos(this);"> 获取文本域中光标的定位 获取文本域中光标的定位 获取文本域中光标的定位 获取文本域中光标的定位 获取文本域中光标的定位 获取文本域中光标的定位 </textarea>
-
JS
function getCursorPos(obj){ var rngSel=document.selection.createRange();//建立选择域 var rngTxt=obj.createTextRange();//建立文本域 var flag=rngSel.getBookmark();//用选择域建立书签 rngTxt.collapse();//瓦解文本域到开始位,以便使标志位移动 rngTxt.moveToBookmark(flag);//使文本域移动到书签位 rngTxt.moveStart('character',-obj.value.length);//获得文本域左侧文本 str=rngTxt.text.replace(/\r\n/g,'');//替换回车换行符 //return(str.length);//返回文本域文本长度 $("#div-log").html($("#div-log").html()+"<p>文本域中光标定位:"+str.length+" characters"+"</p>"); }