选择文本框接收焦点时的所有内容(香草JS或jQuery)

什么是香草JS或jQuery解决方案，将选择一个文本框的所有内容时，文本框接收焦点?

当前回答

我的解决办法是使用暂停。看起来还行

$('input[type=text]').focus(function() {
    var _this = this;
    setTimeout(function() {
        _this.select();
    }, 10);
});

其他回答

$(document).ready(function() {
    $("input:text").focus(function() { $(this).select(); } );
});

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

这也适用于iOS:

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

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

这个会有用的，试试这个

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

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

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

例子:

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

推荐文章