Wybieralne, ale nie edytowalne pole tekstowe HTML.

Question

Pracuję nad witryną mobilną i mam pole wprowadzania tekstu.

Chcę, aby był wybrany i kopiowany, ale nie można go edytować. Gdy dodaję readonly lub onfocus="this.blur()", staje się ono nieaktywne. Jak mogę to osiągnąć?

Answer 1

Sprawdź to.

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

Edit:

można przypisać wartość wprowadzania tekstu za każdym razem zmienia się poprzez dodanie słuchacza wejściowego.

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

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

Praca jsfiddle here.