Seleccionar texto al posicionarse en un campo

Si el otro día vimos cómo seleccionar el texto de un campo (por defecto o mediante un click del usuario), hoy vamos a ver cómo seleccionar texto al posicionarse en un campo con jQuery.

Es decir, al ir moviéndonos por los campos y llegar al determinado campo seleccionaremos el texto. Controlar el posicionarse en un campo lo podremos hacer mediante el método .focus() de jQuery.

El Formulario

Pero lo primero, el formulario. Como siempre, algo simple:

<form id="miform">
  <label for="texto">Inserta texto:</label>
  <input id="texto" size="100" type="text" value="Texto por defecto"></input>

  <label for="texto2">Inserta texto:</label>
  <input id="texto2" size="100" type="text" value="Texto por defecto 2"></input>
</form>

Aplicar el Selector

Como la selección del texto al posicionarse en un campo lo vamos a aplicar a todos los campos input (de tipo text) vamos a utilizar un selector.

input[type=text]

Así que el método .focus() se quedará de la siguiente forma:

$("input[type=text]").focus(function(){ ... });

Seleccionar el Texto

Ya solo nos quedará realizar la selección del campo de texto mediante el método .select() de jQuery.

$("input[type=text]").focus(function(){
  this.select();
});