Выбирает весь текст в 'readonly' <input />, когда он получает фокус

Question

У меня есть текстовое поле (установленное только для чтения), и мне нужно, чтобы его содержимое было выбрано для удобства копирования/вставки, когда оно получает фокус. Используя приведенный ниже код, только кажется, что быстро выберите текст, а затем по какой-то причине отмените его выбор.

HTML

<input id='thing' type='text' value='some text' readonly='readonly' />​ 

JavaScript

document.getElementById('thing').onfocus = function(){ 
    this.select(); 
};​ 

Fiddle: http://jsfiddle.net/cfqje/

Answer 1

Это, кажется, работа вокруг:

<input id='thing' type='text' value='some text' onclick="this.select()" readonly='readonly' />​

Я думаю, проблема в том, что фокус не правильно работать как вход только для чтения.

Answer 2

Теперь вы можете использовать CSS. С user-select: all; весь текст будет выбран при нажатии на элемент.