这里的答案在某种程度上帮助了我，但当我在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

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

例子:

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

我知道内联代码是不好的风格，但我不想把它放在.js文件中。 不用jQuery也能工作!

<input type="text" value="blah blah" onfocus="this.select(); this.selAll=1;" onmouseup="if(this.selAll==0) return true; this.selAll=0; return false;"></input>

$(document).ready(function() {
  $("input[type=text]").focus().select();
});

onclick="this.focus();this.select()"