未命名  
檔案下載:38895649
 
 
<!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 getCursorPosition(obj){
var evt =window.event?window.event:getTa1CursorPosition.caller.arguments[0];
var oTa1 = document.getElementById(obj);
try{
if(oTa1.value=="") return 0;
var cursurPosition=-1;
if(oTa1.selectionStart){//非IE瀏覽器
cursurPosition= oTa1.selectionStart;
}else{//IE

 

var rngSel = document.selection.createRange();//建立選擇域
var rngTxt = oTa1.createTextRange();//建立文本域
var flag = rngSel.getBookmark();//用選擇域建立書簽
rngTxt.collapse();//瓦解文本域到開始位,以便使標誌位移動
rngTxt.moveToBookmark(flag);//使文本域移動到書簽位
rngTxt.moveStart('character',-oTa1.value.length);//獲得文本域左側文本
cursurPosition = rngTxt.text.replace(/\r\n/g,'').length;//替換回車分行符號
}
return cursurPosition;
}
catch(e){
return oTa1.value.length;
}

 

}



function getValue(obj){
var pos = getCursorPosition(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>
創作者介紹
創作者 shadow 的頭像
shadow

資訊園

shadow 發表在 痞客邦 留言(0) 人氣()