或者你可以使用<input onclick="select()“>完美。

这里有一些不错的答案，@user2072367是我最喜欢的，但当你通过标签而不是通过点击关注时，它会产生意想不到的结果。(意想不到的结果:通过标签聚焦后正常选择文本，必须再点击一次)

这个小提琴修复了这个小错误，并额外将$(This)存储在一个变量中，以避免多余的DOM选择。点击这里查看详情！(:

在IE >中测试

$('input').on('focus', function() {
    var $this = $(this)
        .one('mouseup.mouseupSelect', function() {
            $this.select();
            return false;
        })
        .one('mousedown', function() {
            // compensate for untriggered 'mouseup' caused by focus via tab
            $this.off('mouseup.mouseupSelect');
        })
        .select();
});

找到一个很棒的解决方案阅读这篇文章

$(function(){

    jQuery.selectText('input:text');
    jQuery.selectText('input:password');

});

jQuery.extend( {
    selectText: function(s) { 
        $(s).live('focus',function() {
            var self = $(this);
            setTimeout(function() {self.select();}, 0);
        });
    }
});

我总是使用requestAnimationFrame()来跳过内部事件后机制，这在Firefox中工作完美。还没有在Chrome上测试过。

$("input[type=text]").on('focus', function() {
    requestAnimationFrame(() => $(this).select());
});

<script>$.ready( $("input[type=text]").attr("onclick" , "this.select()"));<script>

我使用FF 16.0.2和jquery 1.8.3，所有的代码在答案不工作。 我使用这样的代码工作。

$("input[type=text]").focus().select();