如果已经高亮显示文本框中的高亮文本，如何选择？

Question

因此，我有一个非常简单的JS函数，可以选择ASP.NET texbox（输入）中的所有文本：

function selectAllText(textbox) {
    textbox.focus();
    textbox.select();
}

..并在click事件中这样调用：

$("#<%=Textbox1.ClientID %>").click(function () { selectAllText(jQuery(this)) });

问题是，无论用户在文本框中单击多少次，都始终选择所有文本 。 我了解了这种情况的发生原因（基于我上面的代码的方式），但是当用户尝试在单词的中间单击以使光标返回以对文本进行修改时，它不能很好地工作。

如何修改此JS，以判断文本是否已突出显示，然后取消选择文本？ 这是在单击之后进行的，用户可以将单个光标放在精确单击的位置上以进行修改。

我正在尝试获取有关.select()方法的文档，以查看是否可以执行if(!textbox.select()) ，但是我很难找到它，因此如果您有，也可以发布任何文档链接他们。

编辑：这个问题，需要一种解决方法，似乎是针对IE的（我正在使用IE9）。 在Chrome中，默认情况下是我需要的行为，但这是针对在IE上运行的Intranet应用程序的，因此看来我需要一个明确的解决方法。

谢谢！

Answer 1

是否需要在此函数中执行.focus（）？ 您可以附加一个简单的.select（）;。 到onfocus事件（ .bind('focus', function(){..}) ）： http : //jsfiddle.net/EGHzj/

Answer 2

尝试这个

$(document).ready(function(){
    $('input').bind('click',function(){
        if($(this).hasClass('selected')){
            $(this).toggleClass('selected');
        }else{
           this.focus();
           this.select(); 
           $(this).toggleClass('selected');
        }  
    });
});

这也应该可以在IE中使用， http：//jsfiddle.net/rAqgw/7/

Answer 3

function selectAllText(textbox) {
    // if there isn't selected text.
    if (textbox[0].selectionEnd) {
        textbox.focus();
        textbox.select();
    }
}

$('#txt').click(function() {
    selectAllText($(this));
});

现场演示