Hay momentos en los que desea proporcionar a un lector un fragmento de código en un artículo que puede copiar y pegar. Para que todo sea más seguro y cómodo, estaba buscando una forma que, por un lado, evite que pueda cambiar el texto en el campo de texto y, por otro lado, seleccione completamente el texto cuando haga clic en el campo de texto. He visto esto más a menudo con Google Analytics o Google Adsense, por ejemplo, si desea copiar un código desde allí. El contenido completo del campo del área de texto simplemente se marca mediante script y se puede aceptar sin olvidar una parte.
En la práctica, la protección contra escritura en el área de texto se elimina con la adición solo lectura = "solo lectura" en la etiqueta de área de texto. Esto entonces se ve así, por ejemplo:
<textarea readonly="readonly" cols="14" rows="4">Text für den Schreibschutz</textarea>
Lo de marcar automáticamente el contenido del campo de texto se puede hacer muy fácilmente con la adición onclick=”this.select();” resolver. Si agrega eso a nuestro código de ejemplo, se verá así:
<textarea readonly="readonly" onclick="this.select();" cols="14" rows="4">Text für den Schreibschutz</textarea>
Funciona muy bien y es muy fácil de implementar. Aquí puedes ver el ejemplo en acción:
Contribuciones parecidas
Jens dirige el blog desde 2012. Actúa como Sir Apfelot para sus lectores y los ayuda con problemas de carácter técnico. En su tiempo libre monta monociclos eléctricos, toma fotos (preferiblemente con el iPhone, por supuesto), escala las montañas de Hesse o camina con la familia. Sus artículos tratan sobre productos de Apple, noticias del mundo de los drones o soluciones a bugs actuales.