Categorías: jQuery

Funciones de jQuery para detectar la presión del teclado

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:

$(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:

jQuery keypress(): Detectar la presión de una tecla

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:

$(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:

jQuery keydown() y keyup(): Detectar la presión del teclado

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:

$(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:

jQuery keydown() y keyup(): Detectar la presión del teclado

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:

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: