javascript設定文字框游標的方法執行個體小結_javascript技巧

本文執行個體總結了javascript設定文字框游標的方法。分享給大家供大家參考，具體如下：

對於text

//得到游標位置function getCaret(textbox) {  var control = document.activeElement;  textbox.focus();  var rang = document.selection.createRange();  rang.setEndPoint("StartToStart",textbox.createTextRange())  control.focus();  return rang.text.length;}

對於textarea

function getCaret(ZysrID) { var txb = document.getElementById(ZysrID);//根據ID獲得對象 var pos = 0;//設定初始位置 txb.focus();//輸入框獲得焦點,這句也不能少,不然後面會出錯,血的教訓啦. var s = txb.scrollTop;//獲得捲軸的位置 var r = document.selection.createRange();//建立文檔選擇對象 var t = txb.createTextRange();//建立輸入框文字物件 t.collapse(true);//將游標移到頭 t.select();//顯示光線標,這個不能少,不然的話,游標沒有移到頭.當時我不知道,搞了十幾分鐘 var j = document.selection.createRange();//為新的游標位置建立文檔選擇對象 r.setEndPoint("StartToStart",j);//在以前的文檔選擇對象和新的對象之間建立對象,媽的,不好解釋,我表達能力不算太好.有興趣自己去看msdn的資料 var str = r.text;//獲得對象的文本 var re = new RegExp("[//n]","g");//過濾掉分行符號,不然你的文字會有問題,會比你的文字實際長度要長一些.搞死我了.我說我得到的數字怎麼總比我的實際長度要長. str = str.replace(re,"");//過濾 pos = str.length;//獲得長度.也就是游標的位置 r.collapse(false); r.select();//把游標恢複到以前的位置 txb.scrollTop = s;//把捲軸恢複到以前的位置}

設定游標函數

function setCaret(id,pos){　　var textbox = document.all(id);　　var r = textbox.createTextRange(); 　　r.collapse(true); 　　r.moveStart('character',pos); 　　r.select();}

更多關於JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript尋找演算法技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍曆演算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程式設計有所協助。