javascript - 获取光标在 <input> 中的位置

标签 javascript jquery html

我尝试查看许多关于如何在单击输入框时获取光标位置的 stackoverflow 讨论(但许多讨论使用插入符代替获取突出显示的位置) - 但似乎没有任何东西可以满足我非常简单的要求。

我想要的只是一个函数，当鼠标被点击时，它会返回光标的位置(从开始的字符数来看)——请注意，我所说的位置是指字符的位置。

当您单击带有一些文本的可编辑输入框上的某个位置时，我想在单击后获取光标的位置(从开始的字符数来看)- 这样我就可以记住这个位置 future 点击(针对某些特定的 UI 要求)。 –

是否有可以执行的 jQuery(或 javascript)函数？也欢迎任何解决方法。

谢谢

编辑- 有些人将我引导至其他帖子 - 但请注意，我无法使用 jQuery Caret 或任何其他插件。我得到的只是 jQuery。

最佳答案

找到解决方案。尝试以下代码验证结果-

<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

关于javascript - 获取光标在 <input> 中的位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18901688/