2012-10-07 25 views
7

Duplicar posible:
Having an uneditable, but selectable textbox¿Cómo habilitar la selección del usuario en un elemento readOnly html en iPad safari?

que tiene un elemento HTML en mi página web en el iPad y debe ser leído sólo para evitar que los usuarios que actualizan el contenido, utilizando readOnly='readOnly' hace que el elemento no seleccionable y el contenido de texto del elemento no se puede copiar en absoluto.

¿Hay alguna manera de hacer que el elemento sea de solo lectura y que el usuario pueda seleccionar/copiar el contenido de texto ????

+3

Voté a reabrir esta cuestión. Esta pregunta es muy diferente de la pregunta duplicada vinculada. – Brian

+1

De acuerdo. Este problema es específico de los campos de entrada de texto del iPad y el atributo readOnly y la respuesta a continuación de aomar es la única solución que he encontrado. – peater

Respuesta

11

simplemente me quita el atributo readOnly y añade los siguientes onkeydown y oncut eventos para simular el comportamiento readOnly

<input type="textarea" 
    onkeydown="event.preventDefault();event.stopPropagation();return false;" 
    oncut="event.preventDefault();event.stopPropagation();return false;"> 
+5

¡Cuidado! Esto rompe los atajos de teclado del campo de texto (por ejemplo, CMD + C o CMD + A) en la mayoría de los navegadores. – aaronk6

+1

es para iPad, no para nada más – aomar

+1

Los usuarios de iPad pueden usar un teclado externo, que es muy común en ipad Pro. Los atajos de teclado se romperán también para ellos. – LeJared

Cuestiones relacionadas