js基礎:javascript設置文本框光標
當前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
對于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);//根據(jù)ID獲得對象 var pos = 0;//設置初始位置 txb.focus();//輸入框獲得焦點,這句也不能少,不然后面會出錯,血的教訓啦. var s = txb.scrollTop;//獲得滾動條的位置 var r = document.selection.createRange();//創(chuàng)建文檔選擇對象 var t = txb.createTextRange();//創(chuàng)建輸入框文本對象 t.collapse(true);//將光標移到頭 t.select();//顯示光標,這個不能少,不然的話,光標沒有移到頭.當時我不知道,搞了十幾分鐘 var j = document.selection.createRange();//為新的光標位置創(chuàng)建文檔選擇對象 r.setEndPoint("StartToStart",j);//在以前的文檔選擇對象和新的對象之間創(chuàng)建對象,媽的,不好解釋,我表達能力不算太好.有興趣自己去看msdn的資料 var str = r.text;//獲得對象的文本 var re = new RegExp("[\\n]","g");//過濾掉換行符,不然你的文字會有問題,會比你的文字實際長度要長一些.搞死我了.我說我得到的數(shù)字怎么總比我的實際長度要長. str = str.replace(re,"");//過濾 pos = str.length;//獲得長度.也就是光標的位置 r.collapse(false); r.select();//把光標恢復到以前的位置 txb.scrollTop = s;//把滾動條恢復到以前的位置 } //設置光標函數(shù) function setCaret(id,pos)
{ var textbox = document.all(id); var r = textbox.createTextRange(); r.collapse(true); r.moveStart(''character'',pos); r.select(); } 該文章在 2010/8/18 21:24:22 編輯過 |
關鍵字查詢
相關文章
正在查詢... |