Javascript实现获取及设置光标位置的方法

这篇文章主要介绍了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程序设计有所帮助。