выделять текст в текстовом поле при нажатии?

Question

как сделать так, чтобы текст в текстовом поле выделялся, когда пользователь нажимал на поле ввода текста?

Я использовал этот код:

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

но в сафари это не работает. а в FF иногда работает.

Answer 1

Метод select() в jQuery просто вызывает событие выбора для всех сопоставленных объектов. Вам нужно сделать что-то более необычное, если вы хотите манипулировать выделенным диапазоном текста в текстовом поле. Современные браузеры ведут себя по-разному.

Следующий код должен работать в 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

Я просто использую это в своем HTML:

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

Answer 3

Это работает для меня в Opera, FF, IE

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

Answer 4

Попробуйте:

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