jQuery select(): Detectar la selección de texto

Vamos a repasar la función de jQuery select() que sirve para detectar la selección de texto en un input o text field o seleccionar dicho texto.

Otros eventos para detectar acciones en jQuery son:

• click() y dblclick()
• hover()
• Acciones de ratón
• Presión de teclado

Sintaxis de jQuery select()

Os pongo la sintaxis extraída de su web oficial:

$(selector).select(funcion)

Repaso a los parámetros de la funcion:

• selector (Obligatorio): Es el elemento donde queremos controlar la selección de texto.
• funcion (Opcional): Función callback a ejecutar cuando se detecte la selección.

Ejemplo de jQuery select()

Os pongo este ejemplo de jQuery select() para detectar la selección de texto y seleccionar el texto de un input o text field:

$(document).ready(function()
{
 $("#seleccionar").select(function(){
  alert("Texto seleccionado");
 });
 $("#boton").click(function(){
  $("#seleccionar").select();
 });
});

Os explico el código:

• Detectamos la selección de texto en el input con id = ‘seleccionar’.
• Sacamos un mensaje por pantalla.
• Detectamos el click en el input con id = ‘boton’.
• Seleccionamos el texto que hay en el input con id = ‘seleccionar’.
• Este último caso termina desencadenando el primero ya que el texto ha sido seleccionado.

El código HTML de los botones es el siguiente:

<input type="text" id="seleccionar" value="Selecciona este texto">
<input type="button" id="boton" value="Seleccionar todo el texto">

Selectores de jQuery

Para la detección, control o selección de elementos con jQuery os recomiendo leer este post:

• jQuery selectors: Cómo seleccionar o controlar elementos del DOM