jquery - field selects all text then unselects it on focus

Question

trying to figure out why this is happening - I have an input text field and I want all the text to be highlighted when the field receives focus. This happens, very quickly, and then all of the text is unselected. Any idea why this would occur? Here's the code I'm using:

$("#permalink").focus(function(){
    this.select();
});

Maybe it's the same problem that [This Answer](http://stackoverflow.com/a/1269767/1028949) is talking about. — jeffjenx, Jun 13 '12 at 12:21
Looks like your answer lies here [1]: http://stackoverflow.com/questions/480735/select-all-contents-of-textbox-when-it-receives-focus-javascript-or-jquery — Nick Benedict, Jun 13 '12 at 12:22

score 5 · Accepted Answer · edited May 23 '17 at 11:55

5

You need to override the mouseup event on the input element (as mentioned in this post - thanks MrSlayer!)

See here for example: http://jsfiddle.net/f8TdX/

edited May 23 '17 at 11:55

Community

1
1

answered Jun 13 '12 at 12:24

joshschreuder

1,413
2
18
32

Press tab to after the text has been selected, text remain selected – Raab Jun 13 '12 at 12:32

score 1 · Answer 2 · edited May 23 '17 at 12:21

This is an issue in WebKit. The best option is to use a combination of the focus and mouseup events. The following comes from another answer to a similar question.

$("#permalink").focus(function() {
    var $this = $(this);

    $this.select();

    window.setTimeout(function() {
        $this.select();
    }, 1);

    // Work around WebKit's little problem
    $this.mouseup(function() {
        // Prevent further mouseup intervention
        $this.unbind("mouseup");
        return false;
    });
});

score 0 · Answer 3 · edited May 23 '17 at 12:03

0

Give this a shot

$(document).ready(function() {
    $("input:text").focus(function() { $(this).select(); } );
});

Select all contents of textbox when it receives focus (JavaScript or jQuery)

edited May 23 '17 at 12:03

Community

1
1

answered Jun 13 '12 at 12:23

Nick Benedict

547
1
3
12

jquery - field selects all text then unselects it on focus

3 Answers3