小弟最近在寫一個(gè)在線編輯器，UBB版的，由于沒有使用彈出窗口，所以，在添加代碼的時(shí)候，只能添在TextArea的最后面，無法在光標(biāo)之前插入，于是在網(wǎng)上瘋狂的找資料，工夫不負(fù)有心人，終于被我找到了如何獲得TextArea中的位置，但是如果TextArea中有很多內(nèi)容的時(shí)候，會(huì)顯得很閃爍。其代碼如下。
function getPos(obj)
{
obj.focus();
var workRange=document.selection.createRange();
obj.select();
var allRange=document.selection.createRange();
workRange.setEndPoint("StartToStart",allRange);
var len=workRange.text.length;
workRange.collapse(false);
workRange.select();
return len;
}
這時(shí)候問題出來了，在obj.select()的時(shí)候，會(huì)造成閃爍，并且滾動(dòng)條也無法歸位。于是小弟根據(jù)自己的需要，將其改寫如下：
function getCaret(ZysrID)
{
?var txb = document.getElementById(ZysrID);//根據(jù)ID獲得對(duì)象
?var pos = 0;//設(shè)置初始位置
?txb.focus();//輸入框獲得焦點(diǎn),這句也不能少,不然后面會(huì)出錯(cuò),血的教訓(xùn)啦.
?var s = txb.scrollTop;//獲得滾動(dòng)條的位置
?var r = document.selection.createRange();//創(chuàng)建文檔選擇對(duì)象
?var t = txb.createTextRange();//創(chuàng)建輸入框文本對(duì)象
?t.collapse(true);//將光標(biāo)移到頭
?t.select();//顯示光標(biāo),這個(gè)不能少,不然的話,光標(biāo)沒有移到頭.當(dāng)時(shí)我不知道,搞了十幾分鐘
?var j = document.selection.createRange();//為新的光標(biāo)位置創(chuàng)建文檔選擇對(duì)象
?r.setEndPoint("StartToStart",j);//在以前的文檔選擇對(duì)象和新的對(duì)象之間創(chuàng)建對(duì)象,媽的,不好解釋,我表達(dá)能力不算太好.有興趣自己去看msdn的資料
?var str = r.text;//獲得對(duì)象的文本
?var re = new RegExp("[\\n]","g");//過濾掉換行符,不然你的文字會(huì)有問題,會(huì)比你的文字實(shí)際長度要長一些.搞死我了.我說我得到的數(shù)字怎么總比我的實(shí)際長度要長.
?str = str.replace(re,"");//過濾
?pos = str.length;//獲得長度.也就是光標(biāo)的位置
?r.collapse(false);
?r.select();//把光標(biāo)恢復(fù)到以前的位置
?txb.scrollTop = s;//把滾動(dòng)條恢復(fù)到以前的位置
}
//設(shè)置光標(biāo)函數(shù)
function setCaret(id,pos)
{
var textbox = document.all(id);
var r = textbox.createTextRange();
r.collapse(true);
r.moveStart(@#character@#,pos);
r.select();
}