在单击时在文本字段中选择文本？

Question

当用户单击文本输入字段时，如何选择文本字段中的文本？

我用过这段代码：

  $("input[type=text]").focus(function() {
      $(this).select();
  });

但它在野生动物园中不起作用。 在FF中有时会起作用。

Answer 1

jQuery中的select()方法仅触发所有匹配对象的select事件。 如果要操纵文本框中选定的文本范围，则需要做一些更奇特的事情。 现代浏览器在这里的行为有所不同。

以下代码应在Chrome，Firefox，IE，Safari和Opera中运行：

<input type="text" id="textBox" />
<script type="text/javascript">
$(document).ready(function(){
    function textBox_click(ev) {
        if (this.createTextRange) {
            // This is for IE and Opera.
            range = this.createTextRange();
            range.moveEnd('character', this.value.length);
            range.select();
        } else if (this.setSelectionRange) {
            // This is for Mozilla and WebKit.
            this.setSelectionRange(0, this.value.length);
        }
    }

    $('#textBox').click(textBox_click);
});
</script>

Answer 2

尝试：

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

Answer 3

这在Opera，FF，IE中对我有用

$("input[type=text]").focus(function() {
    this.select();
});

Answer 4

我只是在HTML中使用它：

... onclick="this.select()"