選択可能ですが編集可能ではない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。