当获得焦点时，选择“readonly”<input />中的所有文本

Question

我有一个文本框（设置为只读），我需要选择其内容，以便在获得焦点时轻松复制/粘贴。使用下面的代码似乎只是快速选择文本，然后出于某种原因取消选择。

HTML

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

的JavaScript

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

小提琴：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;时，点击元素时将选择所有文本。