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