Jquery .select（）在焦点事件上不起作用[重复]

Question

我想在聚焦时从输入中选择所有文本：

<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。您会看到，每次尝试都会选择文本。我不知道为什么。

附： 当您将 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/