Jquery .select() свойство не работает на фокус события

Question

Id хотел, чтобы выбрать весь текст от входа на фокусирование:

<input id="selectMe" value="123" /> 
<input type="button" id="focusHim" value="Im working fine" /> 

JS:

$('#selectMe').focus(function() { 
    $(this).select(); 
    console.log('focus fired'); 
}); 

// little test if focus event works fine 
$('#focusHim').click(function() { 
    $('#selectMe').focus(); 
}); 

Этот упрощенный код работает нормально, но иногда есть некоторые проблемы.

Вот вам скрипку: http://jsfiddle.net/daxv2/

Чтобы увидеть мою проблему, пожалуйста, нажмите на входе #selectMe, затем щелкните где-нибудь еще и на #selectMe снова. Вы увидите, что текст выбирается каждую попытку. Я не знаю почему.

P.S. При изменении focus в click он отлично работает:

$('#selectMe').click(function() { 
     $(this).select(); 
     console.log('focus fired'); 
    }); 

Так я предполагаю, что есть какая-то проблема с focus событием.

Answer 1

Похоже, браузеры WebKit мешают этому из-за события mouseup.

Я добавил это, и это, кажется, работает нормально:

$('#selectMe').mouseup(function() { 
    return false; 
}); 

http://jsfiddle.net/daxv2/6/

Answer 2

Вы можете использовать click событие вместо focus. Он отлично работает, и вы можете упростить код, используя this.select() вместо $(this).select() http://jsfiddle.net/daxv2/8/