html - 選択可能だが編集不可能な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を動作させます。