Выбираемое, но не редактируемое текстовое поле html

Я работаю над мобильным сайтом, и у меня есть поле ввода текста.

Я хочу, чтобы он был выбран и копировался, но не редактировался. Когда я добавляю readonly или onfocus="this.blur()", он становится невыбираемым. Как я могу достичь этого?

Ответ 1

Проверьте это.

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

Edit:

Вы можете переназначить значение ввода текста каждый раз, когда оно изменяется, добавив приемник ввода.

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 здесь.