Zaznacz cały tekst "tylko do odczytu" <input />, gdy zyskuje ostrość

Question

Mam pole tekstowe (ustawione na tylko do odczytu) i potrzebuję jego "zawartości do zaznaczenia, aby łatwo kopiować/wklejać, gdy uzyska fokus. Używając poniższego kodu wydaje się, że tylko szybko zaznaczasz tekst, a następnie odznaczasz go z jakiegoś powodu.

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

Wydaje się obejść:

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

Myślę, że problemem jest to, że ostrość nie działa prawidłowo, gdy wejście jest tylko do odczytu.

Answer 2

Możesz teraz używać CSS. Z user-select: all; cały tekst zostanie wybrany po kliknięciu elementu.