操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

設置文本框光標的方法實例小結

更新時間：2016年11月04日 11:33:47 作者：yczz

這篇文章主要介紹了設置文本框光標的方法,結合實例形式總結分析了針對文本框光標的位置、設置及文本操作的相關技巧,需要的朋友可以參考下

本文實例總結了設置文本框光標的方法。分享給大家供大家參考，具體如下：

對于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;
}

對于

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();
}

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

希望本文所述對大家程序設計有所幫助。