Vamos a ver las diferentes funciones de jQuery que hay para detectar las pulsaciones o presión de las teclas del teclado.
Estas funciones son las siguientes:
Antes de ir viendo la funcionalidad de cada función veamos su orden de acción:
- keydown() – Se pulsa la tecla, comienzo de la presión.
- keypress() – La tecla está presionada.
- keyup() – La tecla es soltada.
Sintaxis y funcionalidad de jQuery keypress()
Tiene como finalidad detectar la presión de las teclas del teclado de un dispositivo. Keypress() no detecta la presión de las teclas especiales ALT, CTRL, SHIFT o ESC, en este caso es mejor usar keydown().
Vamos a ver la sintaxis extraída de su web oficial:
1 |
$(selector).keypress(funcion) |
Os explico los parámetros:
- selector (Obligatorio): Es el elemento donde queremos controlar la acción.
- funcion (Opcional): Función a ejecutar cuando se realice la acción.
Podéis obtener más info y ver los ejemplos en el post:
Sintaxis y funcionalidad de jQuery keydown()
keydown() detecta cuando una tecla comienza a ser presionada. Vamos a ver la sintaxis de keydown() extraída de su web oficial:
1 |
$(selector).keydown(function) |
Os explico el código y sus parámetros:
- selector (Obligatorio): Es el elemento donde queremos controlar la pulsación del teclado.
- function (Opcional): Función a ejecutar.
Podéis obtener más info y ver los ejemplos en el post:
Sintaxis y funcionalidad de jQuery keyup()
keyup() detecta cuando una tecla deja de estar presionada. Vamos a ver la sintaxis extraída de su web oficial:
1 |
$(selector).keyup(function) |
Os explico el código y sus parámetros:
- selector (Obligatorio): Es el elemento donde queremos controlar la pulsación del teclado.
- function (Opcional): Función a ejecutar.
Podéis obtener más info y ver los ejemplos en el post:
Sintaxis y funcionalidad de jQuery which()
Con jQuery event.which() podemos detectar que tecla ha sido pulsada por el usuario de nuestra página web.
Repasemos la sintaxis extraída de su web oficial:
1 |
event.which |
Os explico los parámetros:
- event (Obligatorio): Evento desencadenado cuando una función de jQuery se ejecuta.
- La propiedad which() del evento sucedido nos devuelve un número entero con el código unicode de la tecla.
Podéis obtener más info y ver los ejemplos en el post:
Selectores de jQuery
Para la detección, control o selección de elementos con jQuery os recomiendo leer este post: