Javascript实现获取及设置光标位置的方法_javascript技巧
程序员文章站
2022-04-17 11:27:54
...
本文实例讲述了Javascript实现获取及设置光标位置的方法。分享给大家供大家参考。具体如下:
在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。
1. 获取光标位置函数:
function getCursortPosition (ctrl) { var CaretPos = 0; // IE Support if (document.selection) { ctrl.focus (); var Sel = document.selection.createRange (); Sel.moveStart ('character', -ctrl.value.length); CaretPos = Sel.text.length; } // Firefox support else if (ctrl.selectionStart || ctrl.selectionStart == '0') CaretPos = ctrl.selectionStart; return (CaretPos); }
2. 设置光标位置函数:
function setCaretPosition(ctrl, pos){ if(ctrl.setSelectionRange) { ctrl.focus(); ctrl.setSelectionRange(pos,pos); } else if (ctrl.createTextRange) { var range = ctrl.createTextRange(); range.collapse(true); range.moveEnd('character', pos); range.moveStart('character', pos); range.select(); } }
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
JavaScript获取和设置CheckBox状态的简单方法_javascript技巧
-
JavaScript实现DIV层拖动及动态增加新层的方法_javascript技巧
-
关于火狐(firefox)及ie下event获取的两种方法_javascript技巧
-
JavaScript获取和设置CheckBox状态的简单方法_javascript技巧
-
JavaScript实现DIV层拖动及动态增加新层的方法_javascript技巧
-
ymPrompt的doHandler方法来实现获取子窗口返回值的方法_javascript技巧
-
js获取元素相对窗口位置的实现代码_javascript技巧
-
Node.js和PHP根据ip获取地理位置的方法_javascript技巧
-
获取鼠标在div中的相对位置的实现代码_javascript技巧
-
jQuery及JS实现循环中暂停的方法_javascript技巧