javascript - 如何将光标移动到其中包含文本的文本框的前面？

Question

我有这个文本框:

<input type="text" name="url" id="url-input" />

和这段代码:

var inputText = "Hello World";
$(document).ready(function() {
  $("#url-input").focus();
  $("#url-input").val(inputText);
});

实际上，光标显示在文本框末尾的“Hello World”字样之后(无论我以何种顺序添加焦点或更改值)。我怎样才能把它移到前面？

谢谢

编辑 - 这是jsFiddle:http://jsfiddle.net/dmRND/

Answer 1

在合适的网络浏览器中，您可以访问表示选择的 selectionStart 和 selectionEnd 属性。当它们都是 0 时，归结为没有选择和开头的插入符号:

$("#url-input").prop('selectionStart', 0)
               .prop('selectionEnd', 0);

http://jsfiddle.net/efek3/

jQuery 的另一件事是链接:$(...).func1().func2()，因此您只需要一次选择器。

jQuery 的另一个特点是大多数函数都支持对象作为参数，因此您还可以:

$("#url-input").prop({ selectionStart: 0,
                       selectionEnd:   0 });