js获取光标在输入框的位置实例-百分百源码网

js获取光标在输入框的位置实例

发布时间：01/15 来源：浏览：关键词：

在js获取光标在输入框的位置我们需要借助于document.selection.createRange()，然后经过一些判断得到当前光标在输入框的位置哦，当然还有直接使用jquery来实例，下面我一起介绍一下。

selection的createRange方法

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。

配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

实例一：

代码如下
<textarea cols=50 rows=15> 哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！</textarea> <input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)> </form>

说了这么多费话我们来看一个光标在输入框的位置实例

代码如下

function getCursortPosition(domObj) {
var position = 0;

if (document.selection) { //for IE
  domObj.focus();
  var sel = document.selection.createRange();
  sel.moveStart('character', -domObj.value.length);

position = sel.text.length;
} else if (domObj.selectionStart || domObj.selectionStart == '0') {
position = domObj.selectionStart;
}

return position;
}

在js获取当前光标在输入框的位置，可以使用如下方法，兼容IE、chrome、firefox以及safari

相关参考 jquery/40412.htm">jquery获取光标所在位置 http://www.111cn.net/wy/jquery/40412.htm

打赏