javascript - 让用户使用 javascript/jquery 选择文本输入的某个点

Question

这个问题已经有答案了:

Selecting text in an element (akin to highlighting with your mouse) (16 个回答)

已关闭 7 年前。

我有一个文本输入。

<input type="text" id="foo" name="bar" value="11 Minutes"/>

我希望当用户单击输入时，用户的“光标”或“选择器”位于 11 之后，而不是分钟之后。

我不知道从哪里开始，如果这可以跨浏览器实现，并且无法找到这方面的信息。

还应该考虑适当的浏览器支持。

Answer 1

试试这个，我不知道这是否适合你。但基本上我将 selectionStart 和 selectionEnd 设置为您希望将光标放置在何处。

您还可以使用selectionStart 和selectionEnd。在这两者之间添加范围会导致选择过于突出。只要确保开始<结束就可以了。

$(document).on("click", function(e){
  if (e.target && e.target.id == "foo") {
    if ($(e.target).is(":focus")) {
      e.target.selectionStart = 2;
      e.target.selectionEnd = 2;
    }
  }
  
});

<input type="text" id="foo" name="bar" value="11 Minutes"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>