$('input').focus(function () {
    var self = $(this);
    setTimeout(function () {
        self.select();
    }, 1);        
});

编辑:根据@DavidG的请求，我不能提供详细信息，因为我不确定为什么这样工作，但我相信这与向上或向下传播的焦点事件或任何它所做的事情有关，输入元素获得它所接收的焦点通知。设置timeout会给元素一点时间来意识到它已经这样做了。

这里的答案在某种程度上帮助了我，但当我在Chrome中单击向上/向下按钮时，我在HTML5数字输入字段上遇到了一个问题。

如果你点击其中一个按钮，并将鼠标放在按钮上，这个数字就会不断变化，就像你一直按住鼠标按钮一样，因为鼠标被扔掉了。

我通过删除mouseup处理程序来解决这个问题，一旦它被触发，如下所示:

    $("input:number").focus(function () {
        var $elem = $(this);
        $elem.select().mouseup(function (e) {
            e.preventDefault();
            $elem.unbind(e.type);
        });
    });

希望这能在未来帮助到人们…

这也适用于iOS:

<input type="text" onclick="this.focus(); this.setSelectionRange(0, 9999);" />

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select

这不仅仅是Chrome/Safari的问题，我在Firefox 18.0.1中也遇到了类似的问题。有趣的是，这不会发生在MSIE!这里的问题是第一个鼠标点击事件强制取消选择输入内容，所以忽略第一个事件。

$(':text').focus(function(){
    $(this).one('mouseup', function(event){
        event.preventDefault();
    }).select();
});

timeOut方法会导致一种奇怪的行为，并且阻塞每个鼠标升起事件，您无法删除再次单击输入元素的选择。

如果你把这些事件链接在一起，我相信就不需要使用.one了，就像本文其他地方建议的那样。

例子:

$('input.your_element').focus( function () {
    $(this).select().mouseup( function (e) {
        e.preventDefault();
    });
});

我有点晚了，但这在IE11, Chrome, Firefox中工作完美，没有混乱的鼠标(没有JQuery)。

inputElement.addEventListener("focus", function (e) {
    var target = e.currentTarget;
    if (target) {
        target.select();
        target.addEventListener("mouseup", function _tempoMouseUp(event) {
            event.preventDefault();
            target.removeEventListener("mouseup", _tempoMouseUp);
        });
    }
});