Resalte el texto en el área de texto cuando haga clic y establezca en solo lectura

Icono preguntar a Sir Apfelot

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:

¿Te gustó el artículo y te ayudaron las instrucciones del blog? Entonces sería feliz si usted el blog a través de una membresía constante apoyaría.

Escribe un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados con * markiert

En el Blog de Sir Apfelot encontrarás consejos, instrucciones y reseñas sobre productos de Apple como el iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini y Mac Studio.

Especiales