获得光标在各种文本框中的位置
[ 发布者:肥鱼 | 来源:本站整理 | 时间:2005-11-21 | 浏览: 人次 ]

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>网页特效|JcwCn.Com/Js|---获得光标在各种文本框中的位置</TITLE>
</HEAD>
<BODY>

<input type="text" value="1234567890" onclick="javascript:alert(getCursorPos(this))">
<textarea onclick="javascript:alert(getCursorPos(this))">12345
67890</textarea>
<script>    
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);//返回文本域文本长度
}
</script>

</BODY>
</HTML>

           
CopyRight © 2006 JcwCn.Com All Rights Reserved
网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与 站长联系