jquery - 使用 jQuery 文本字段选择全部/放置光标

Question

我的编辑表单中有一个文本字段，其中预先填充了一个值。我想赋予它以下行为:

• 在文本字段内单击会自动选择整个内容
• 在区域内再次单击将取消选择所有内容并将光标置于用户单击的位置

这是我的代码:

// HTML
<input type="text" class="clickToSelect" value="myText" />

// jQuery
$(".clickToSelect").click(function(){
    $(this).select();
})

现在，当用户单击该字段时，所有文本都会被选中，但是当用户第二次单击时，所有文本仍然会被选中。有什么想法如何在第二次单击时取消选择文本并放置光标吗？

Answer 1

类似这样的东西吗？

    $(".clickToSelect").click(function(){
        if(!$(this).hasClass("click-selectall")){
           $(this).addClass("click-selectall");
           $(this).select();
        }
    });

   $(".clickToSelect").blur(function(){
        $(this).removeClass("click-selectall");
    })