让用户选择使用javascript / jquery输入特定的文本点

Question

我有一个文字输入。

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

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

我不知道从哪里开始，如果跨浏览器可以这样做，并且无法找到相关信息。

也应该考虑体面的浏览器支持。

Answer 1

试试这个，我不知道这是否适合你。但基本上我将selectionStart和selectionEnd设置在您想要放置光标的位置。

您还可以使用selectionStart和selectionEnd进行游戏。在这两者之间添加范围会导致选择过于突出显示。 只需确保启动＆lt;结束，你很好。

＆＃13;

＆＃13;

$(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;
    }
  }
  
});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;