你可以使用简单的代码:

$('#idname').select();

我认为情况是这样的:

focus()
   UI tasks related to pre-focus
   callbacks
       select()
   UI tasks related to focus (which unselect again)

一个变通方法可能是异步调用select()，这样它就可以在focus()之后完全运行:

$("input[type=text]").focus(function() { 
    var save_this = $(this);
    window.setTimeout (function(){ 
       save_this.select(); 
    },100);
});

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

你可以使用简单的代码:

$('#idname').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();
});

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

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