jQuery: How to focus on input text field such that the cursor is placed at the end of the text?

Question

Consider the following example: (demo here)

HTML:

<input type="text" />
<div>Click here to set focus</div>

JS:

$(function() {
    $("input").val("Hello");
    $("div").click(function() {
        $("input").focus();
    });
});

When the div is clicked, the cursor positioned at the beginning of the text: |Hello.

How could I set the cursor at the end of the text: Hello| ?

its already setting to end of the string maybe cause of your browser i am using firefox and I just tried your demo link and it works. When i click the div , the cursor setting end of hello — Sedat Başar, Sep 26 '11 at 07:16
It works in chrome also. Unless I position the cursor to somewhere else, of course, but by default it goes to the end. — willdanceforfun, Sep 26 '11 at 07:18
I use Firefox 6.0.2, and when I click on the `div` in the example above, the cursor is positioned at the beginning of `Hello`. — Misha Moroshko, Sep 26 '11 at 12:27
This question looks like a duplicate of http://stackoverflow.com/questions/511088/use-javascript-to-place-cursor-at-end-of-text-in-text-input-element — , Jul 14 '16 at 12:15

score 1 · Accepted Answer · answered Sep 26 '11 at 07:17

1

answered Sep 26 '11 at 07:17

Billy Moon

3

You don't need a goddamn plugin for everything! – HyderA Sep 26 '11 at 07:31
Here's the [plugin code](http://plugins.jquery.com/files/jquery.putCursorAtEnd.1.0.js.txt), take what you need and implement it the right way. – HyderA Sep 26 '11 at 07:35
I think using the plugin is a good idea, because if the plugin is updated (for example to cater for new browsers that don't exist yet) then you can easily update all your sites that use the plugin. – Billy Moon Sep 26 '11 at 09:27
Up until that time, your users have to make tonnes of extra http requests to download the tonnes of plugins you've pointed to. All because you couldn't write a simple function yourself. If the plugin code gets updated, update your own damn code. – HyderA Sep 26 '11 at 10:40
You could write some code to concatenate your plugins into one file that gets minified and compressed, which solves your issue of multiple downloads... and also your issue with wanting people to write code – Billy Moon Sep 26 '11 at 13:21
Link to plugin is now broken. – david Jan 13 '15 at 00:30
Not tried it out, but this seems thorough: http://css-tricks.com/snippets/jquery/move-cursor-to-end-of-textarea-or-input/ – Billy Moon Jan 13 '15 at 01:25

score 0 · Answer 2 · answered Sep 26 '11 at 07:17

0

I think you are looking for selectionStart.

answered Sep 26 '11 at 07:17

PiTheNumber

2 Answers2