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

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

当前回答

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

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

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

其他回答

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

<输入类型=“文本”

我知道这里已经有很多答案了——但这一个到目前为止还没有找到;一个解决方案，也与ajax生成的内容:

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

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

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

jQuery不是JavaScript，在某些情况下JavaScript更容易使用。

看看这个例子:

<textarea rows="10" cols="50" onclick="this.focus();this.select()">Text is here</textarea>

来源:CSS Tricks, MDN

推荐文章