可選但不可編輯的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。