选择输入中的所有文本，聚焦

Select all the text in an input, focusin

本文关键字：文本 聚焦 输入 选择      更新时间：2023-09-26

当我把焦点放在一个元素上时，我希望所有的文本都被选中。

我使用

$('.class-focusin').focusin(function(e) {
    $(this).select();
});

但这不是我想要的完美行为。当我在两个字符之间点击时，输入值没有被选中，在中间有一个光标。我想要chrome浏览器中url栏的行为：您单击，光标被值选择替换

请随意测试我的问题：http://jsfiddle.net/XS6s2/8/

我希望文本能够在选择后接收光标。选择的答案，下面肯定是我想要的，谢谢

您可以有一个变量来查看文本是否已被选中：

http://jsfiddle.net/jonigiuro/XS6s2/21/

var has_focus = false;
$('.class-focusin').click(function(e) {
    if(!has_focus) {
        $(this).select();
        has_focus = true;
    }
 });
$('.class-focusin').blur(function(e) {
   has_focus = false; 
});

我想你必须等待浏览器将焦点放在元素上，然后进行选择：

$('.class-focusin').focus(function(e) { 
    var $elem = $(this);
    setTimeout(function() {
    $elem.select();
    }, 1);
 });

恶心。或者简单地绑定到点击事件：

$('.class-focusin').click(function(e) { 
    $(this).select();
 });

尝试使用click而不是focusin。

$('.class-focusin').click(function(e) {
    $(this).select();
});

演示

再见！

工作演示http://jsfiddle.net/cse_tushar/XS6s2/22/

$(document).ready(function () {
    $('.class-focusin').click(function (e) {
        $(this).select();
    });
});

它是Select all text in a input的直接副本，focusin，这里有一个很好的答案

$(".class-focusin").on("focus",function(e){
    $(this).select();
});
$(".class-focusin").on("mouseup",function(e){
    e.preventDefault();
});

http://jsfiddle.net/XS6s2/31/

相关文章：