這篇文章主要介紹了Javascript實現獲取及設置光標位置的方法,涉及javascript針對頁面光標位置的相關操作技巧,具有良好的兼容性,非常簡單實用,需要的朋友可以參考下

本文實例講述了Javascript實現獲取及設置光標位置的方法。分享給大家供大家參考。具體如下：

在項目開發中經常遇到input等設置光標位置到最后的問題，今天我查了一下Google，找到了在IE、Firefox、Opera等主流瀏覽器的獲取光標位置(getCursortPosition)以及設置光標位置(setCursorPosition)的函數。

1. 獲取光標位置函數：

1. function getCursortPosition (ctrl) { 
2. var CaretPos = 0; // IE Support 
3. if (document.selection) { 
4. ctrl.focus (); 
5. var Sel = document.selection.createRange (); 
6. Sel.moveStart ('character', -ctrl.value.length); 
7. CaretPos = Sel.text.length; 
8. } 
9. // Firefox support 
10. else if (ctrl.selectionStart || ctrl.selectionStart == '0') 
11. CaretPos = ctrl.selectionStart; 
12. return (CaretPos); 
13. } 

2. 設置光標位置函數：

1. function setCaretPosition(ctrl, pos){ 
2. if(ctrl.setSelectionRange) 
3. { 
4. ctrl.focus(); 
5. ctrl.setSelectionRange(pos,pos); 
6. } 
7. else if (ctrl.createTextRange) { 
8. var range = ctrl.createTextRange(); 
9. range.collapse(true); 
10. range.moveEnd('character', pos); 
11. range.moveStart('character', pos); 
12. range.select(); 
13. } 
14. } 

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