Eventos del teclado
Los eventos del teclado ( keyboard events ) se disparan cuando el usuario interactúa con el teclado.
El evento keydown ( literalmente tecla abajo ) se dispara cuando el usuario presiona una tecla y continua disparándose mientras el usuario mantiene la tecla presionada.
El evento keypress ( literalmente tecla presionada ) se dispara cuando un cierto carácter esta tecleado, por ejemplo dentro de un elemento input. Sigue disparándose mientras el usuario mantiene la tecla presionada
El evento keyup ( literalmente tecla arriba ) se dispara cuando el usuario deja de presionar ( suelta ) una tecla.
Probablemente la más importante propiedad de los eventos de teclado es la propiedad key
que devuelve el valor de la tecla presionada, por ejemplo d
.
Para ver todas las propiedades del evento lo podemos sacar en consola.
window.addEventListener("keydown", function (event) { console.log(event); },false);
El resultado tendría que ser algo así:
Vea este ejemplo en codepen o haga click en el iframe
y después presione cualquier tecla.
See the Pen keydown event by Gabi (@enxaneta) on CodePen.