Flashcards

Eventos del teclado 02 en JavaScript

Bryant Hernández Spanish 3 cards

Cards in this deck (3)

1—Ejemplo:
document.addEventListener("keydown", function(event) {
console.log("tecla presionada", event.key);
});
se agrega un escuchador al documento completo. cada vez que se presione una tecla, se ejecuta la funcion y dentro de la función "event.key", nos dira que tecla fue presionada
2keyup tipo: evento de teclado descripción: ocurre cuando se suelta una teclaEjemplo:
const input = document.getElemntById("input");
input.addEventListener("keyup", function(event) {
console.log("teclasoltada", event.key);
});
se agrega un elemnto de entra (input), y cada vez que se suelta una tecla dentro del input, se ejecuta la función y se muestra en la consola la tecla soltada
3keypress tipo: evento de teclado descripción: ocurre cuando se presiona una tecla, pero esta en desuso a favor de keydownEjemplo:
document.addEventListener("keypress", function(event) {
console.log("tecla presionada (keypress):", event.key);
});