Seleccionar texto al posicionarse en un campo

23/Sep/2011 jQuery , 6 Comentarios

Si el otro día vimos como seleccionar el texto de un campo (por defecto o mediante un click del usuario), hoy vamos a ver como 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. Pero lo primero, el formulario. Como siempre, algo simple:

  1. <form id="miform">
  2. <label for="texto">Inserta texto:</label>
  3. <input id="texto" type="text" value="Texto por defecto" size="100"/><br/>
  4. <label for="texto2">Inserta texto:</label>
  5. <input id="texto2" type="text" value="Texto por defecto 2" size="100"/><br/>
  6. </form>

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:

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

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

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

Vídeos sobre jQuery


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

6 comentarios en “Seleccionar texto al posicionarse en un campo”

Víctor Cuervo

Víctor Cuervo

@Antonio Fernandez, Me alegro que te haya gustado. 😀

Víctor Cuervo

Antonio Fernandez

Fantastico snipet. Muchas gracias.

Víctor Cuervo

Víctor Cuervo

@Carlos, Cristian,
Me alegro enormemente de que les haya valido. Intentaremos seguir publicando temas relacionados con este. Saludos.

Víctor Cuervo

Cristian

Me ayudo mucho. Saludos y gracias por aportar amigo.

Víctor Cuervo

Carlos

¡Excelente! Me has ahorrado mucho tiempo valioso. Se agradece.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*