Eventos del teclado

facebook-svg gplus-svg twitter-svg

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í:

eventos del teclado

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.