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

这个会有用的，试试这个

<input id="textField1" onfocus="this.select()" onmouseup="return false" /> 

可以在Safari/IE 9和Chrome上运行，但我没有机会在Firefox上测试。

我在某个地方播种了这个，工作得很完美!

            $('input').on('focus', function (e) {
                $(this)
                $(element).one('mouseup', function () {
                        $(this).select();
                        return false;
                    })                        .select();
            });

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

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

HTML:

var textFiled = document.getElementById("text-filed"); 文本文件。addEventListener("focus"， function() {this.select();})； 输入你的文本:<input type=" Text " id=" Text -filed" value="test with filed Text ">

使用JQuery:

$("#text-filed").focus(function() { $(this).select(); } );

使用React JS:

在各自的组成部分-

<input
  type="text"
  value="test"
  onFocus={e => e.target.select()}
/>

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

例子:

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