Categorías: jQuery

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

Nuevo post para repasar la función de jQuery keypress(), tiene como finalidad detectar la presión de las teclas del teclado de un dispositivo.

Anteriormente repasamos las funciones keydown() y keyup() para detectar cuando una tecla se pulsa y se suelta.

Para ver las diferencias entre estas funciones de jQuery os explico el orden de actuación:

keydown() – Se pulsa la tecla, comienzo de la presión.
keypress() – La tecla está presionada.
keyup() – La tecla es soltada.

Keypress() no detecta la presión de las teclas especiales ALT, CTRL, SHIFT o ESC, en este caso es mejor usar keydown(). Os recomiendo leer el post:

Funciones de jQuery para detectar la presión del teclado

Sintaxis de jQuery keypress()

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 callback a ejecutar cuando se realice la acción.

Ejemplo de jQuery keypress()

He preparado este ejemplo de keypress() para ver su funcionamiento:

$(document).ready(function(){
    $("#escribe").keypress(function(){
      $("#parrafo").text("Tecla presionada");
 });
});

Os lo explico:

Detectamos la presión de una tecla en el input con id = ‘escribe’ con keypress().
Con la función text() mostramos un mensaje en el párrafo con id = ‘parrafo’.