在單擊時在文本字段中選擇文本？

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()"