Seleccionar el texto de area con evento on mouse over

Para que el usuario que accede a nuestras páginas seleccione el texto contenido en un campo de texto de formulario (u otro) tan solo situando el puntero sobre el mismo utilizaremos las siguientes etiquetas:

onMouseOver="this.focus()" onFocus="this.select()"

Vamos a realizar un ejemplo practico, imaginemos que tenemos un campo de texto en el ejemplo contiene el texto de un villancico:

Para que el texto del campo se marque o seleccione cuando el usuario sitúe el puntero sobre el mismo añadiremos la siguientes etiquetas al código anterior:

onMouseOver="this.focus()" onFocus="this.select()"

El resultado final sería:

<textarea name="textarea" cols="50" rows="3" onMouseOver="this.focus()" onFocus="this.select()">
Pastores a Belén... Pastores a Belén...
vamos con alegría que ha nacido ya el hijo
de María allí, allí nos espera Jesús...
</textarea>

– El ejemplo práctico:

Scroll al inicio
Resumen de privacidad
Cursemon

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible.

La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.