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:
Sintaxis de jQuery keypress()
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 callback a ejecutar cuando se realice la acción.
Ejemplo de jQuery keypress()
He preparado este ejemplo de keypress() para ver su funcionamiento:
1 2 3 4 5 |
$(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’.
Selectores de jQuery
Para la detección, control o selección de elementos con jQuery os recomiendo leer este post: