<输入类型=“文本”

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

            $('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会给元素一点时间来意识到它已经这样做了。

通过加入一些函数调用，我可以稍微改进Zach的回答。这个答案的问题是它完全禁用了onMouseUp，从而阻止你在文本框中点击，一旦它有焦点。

这是我的代码:

<input type="text" onfocus="this.select()" onMouseUp="javascript:TextBoxMouseUp();" onMouseDown="javascript:TextBoxMouseDown();" />

<script type="text/javascript">
    var doMouseUp = true;
    function TextBoxMouseDown() {
        doMouseUp = this == document.activeElement;
        return doMouseUp;
    }
    function TextBoxMouseUp() {
        if (doMouseUp)
        { return true; }
        else {
            doMouseUp = true;
            return false;
        }
    }
</script>

这比扎克的回答略有进步。它在IE中工作得很完美，在Chrome中完全不能工作，在FireFox中则是交替成功(几乎每隔一次)。如果有人有一个想法，如何使它可靠地工作在FF或Chrome，请分享。

总之，我想我应该分享我所能做的让这一切更美好。

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

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

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

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