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:
Sintaxis de jQuery select()
Os pongo la sintaxis extraída de su web oficial:
1 |
$(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:
1 2 3 4 5 6 7 8 9 |
$(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:
1 2 |
<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: