可选择但不可编辑的 html 文本字段

Question

我正在开发一个移动网站，我有一个文本输入字段。

我希望它被选中并且可复制但不可编辑。当我添加 readonly 或 onfocus="this.blur()" 时，它变得无法选择。我怎样才能做到这一点？

Answer 1

看看这个。

<textarea rows="10" cols="50" onclick="this.focus();this.select()" readonly="readonly">
    example text
</textarea>

编辑：

您可以通过添加输入侦听器在每次更改时重新分配文本输入值。

var inp = $("input")[0]; // select the input with proper selector
var default_value = inp.value;

inp.addEventListener("input", function () { 
    this.value = default_value;
}, false);

工作jsfiddle here。