javascript - 如何在谷歌浏览器中将光标位置设置在输入文本的末尾

Question

我正在尝试将光标设置在具有焦点功能的文本字段中。我做了一些研究，但所提供的解决方案似乎都不适用于 Google Chrome。在 Internet Explorer 和 Firefox 中，此解决方案运行良好:

js:

$('#Search').focus(function() {
  var SearchInput = $('#Search');
  var strLength= SearchInput.val().length;
  SearchInput.focus();
  SearchInput[0].setSelectionRange(strLength, strLength);
});

HTML:

<input type="text" id="Search" value="Hello World" />

这是我的 jsfiddle 的链接.

有没有什么方法可以在 Google Chrome 中实现这一点？

Answer 1

当您聚焦输入时，似乎在放置光标之前触发了聚焦事件，一个棘手的解决方法是像这样使用 setTimeout:

$('#Search').focus(function() {
    setTimeout((function(el) {
        var strLength = el.value.length;
        return function() {
            if(el.setSelectionRange !== undefined) {
                el.setSelectionRange(strLength, strLength);
            } else {
                $(el).val(el.value);
            }
    }}(this)), 0);
});

试试这个 fiddle : http://jsfiddle.net/esnvh/26/

编辑为 0 毫秒超时，正如@SparK 指出的那样，这足以推送到执行队列的末尾。