获取文本输入域中的光标位置(以字符为单位)

我怎样才能从输入域中得到插入符号的位置?

我通过谷歌找到了一些碎片，但没有子弹。

基本上像一个jQuery插件将是理想的，所以我可以简单地做

$("#myinput").caretPosition()

当前回答

解决方案是.selectionStart:

var input = document.getElementById('yourINPUTid');
input.selectionEnd = input.selectionStart = yourDESIREDposition;
input.focus();

如果. selectionend没有被分配，一些文本(S—>E)将被选择。

当焦点丢失时需要.focus();当你触发你的代码(onClick)。

我只在Chrome上测试了这个功能。

如果你想要更复杂的答案，你必须阅读其他答案。

2021-03-16 02:15:51

其他回答

有一个很简单的解决办法。尝试以下代码的验证结果-

<html>
<head>
<script>
    function f1(el) {
    var val = el.value;
    alert(val.slice(0, el.selectionStart).length);
}
</script>
</head>
<body>
<input type=text id=t1 value=abcd>
    <button onclick="f1(document.getElementById('t1'))">check position</button>
</body>
</html>

我给你们fiddle_demo

2013-09-19 19:38:31

使用selectionStart。它与所有主流浏览器兼容。

document.getElementById(“foobar')。addEventListener('keyup'， e => { console.log('插入符号at: '， e.target.selectionStart) }) <输入id="foobar" />

只有当输入中没有定义类型或type="text"或type="textarea"时，这种方法才有效。

2018-01-08 13:02:25

我已经将bezmax的答案中的功能包装成jQuery，如果有人想使用它。

(function($) {
    $.fn.getCursorPosition = function() {
        var input = this.get(0);
        if (!input) return; // No (input) element found
        if ('selectionStart' in input) {
            // Standard-compliant browsers
            return input.selectionStart;
        } else if (document.selection) {
            // IE
            input.focus();
            var sel = document.selection.createRange();
            var selLen = document.selection.createRange().text.length;
            sel.moveStart('character', -input.value.length);
            return sel.text.length - selLen;
        }
    }
})(jQuery);

2010-05-24 13:59:51

现在有一个很好的插件:插入插件

然后你可以得到的位置使用$("#myTextBox").caret()或设置它通过$("#myTextBox").caret(位置)

2014-01-29 10:28:40

这里有一些很好的答案，但我认为你可以简化你的代码，跳过inputElement检查。selectionStart支持:仅在IE8及更早版本(参见文档)上不支持，该版本占当前浏览器使用量的1%以下。

var input = document.getElementById('myinput'); // or $('#myinput')[0]
var caretPos = input.selectionStart;

// and if you want to know if there is a selection or not inside your input:

if (input.selectionStart != input.selectionEnd)
{
    var selectionValue =
    input.value.substring(input.selectionStart, input.selectionEnd);
}

2016-03-23 10:08:33

获取文本输入域中的光标位置(以字符为单位)

推荐文章

最新文章

标签