javascript - How do I move the cursor to the front of a textbox which has text in it? - Stack Overflow

admin管理员组

文章数量:1334133

I have this text box:

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

and this code:

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

As it is, the cursor is displayed at the end of the textbox after the words "Hello World" (no matter in which order I add focus or change the value). How can I move it to the front?

Thanks

EDIT - Here's the jsFiddle: /

I have this text box:

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

and this code:

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

As it is, the cursor is displayed at the end of the textbox after the words "Hello World" (no matter in which order I add focus or change the value). How can I move it to the front?

Thanks

EDIT - Here's the jsFiddle: http://jsfiddle/dmRND/

• javascript
• jquery

Share Improve this question Follow edited Jul 13, 2011 at 17:34 Nick Brunt asked Jul 13, 2011 at 17:28 Nick BruntNick Brunt 10.1k1111 gold badges5757 silver badges8484 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

In decent web browsers, you have access to the selectionStart and selectionEnd properties which represent the selection. When they are both 0, it es down to no selection and the caret at the beginning:

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

http://jsfiddle/efek3/

Another thing of jQuery is chaining: $(...).func1().func2(), so you need the selector once only.

Yet another thing of jQuery is that most functions support objects as parameter so you could also do:

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

I use this small jquery plug in: https://gist.github./DrPheltRight/1007907

本文标签： javascriptHow do I move the cursor to the front of a textbox which has text in itStack Overflow