Question

I have this automatically searching text input, which makes a new search when user types a letter. Now I have to focus to this element after every search, but I in all browsers except Firefox, text in input is selected. If user types another letter, then selected text is erased and this will mean that user must unselect text before user can type in another letter. Of course user will type new letter and think that there is something wrong with this program.

Is it possible to unselect text on focus or prevent this selection happening at the first place?

Answer 1

Assigning the value of the textbox to itself on focus will unselect the text.

$('input').focus(function() { 
    var elem = $(this);
    elem.val(elem.val());
} );

Working Demo