Saludos,
- Normalmente se usa "keyup" en lugar de "keydown" para evitarse el problema de la repetición del evento al mantener la tecla presionada.
- También es posible que te sea más legible utilizar los nombres propios de las teclas en lugar de los keyCode:
document.addEventListener("keyup", function(e) {
if (e.key == "ArrowLeft") {
alert("Se ha presionado la tecla Flecha Izquierda");
}
if (e.key == "ArrowRight") {
alert("Se ha presionado la tecla Flecha Derecha");
}
if (e.key == "ArrowUp") {
alert("Se ha presionado la tecla Flecha Arriba");
}
if (e.key == "ArrowDown") {
alert("Se ha presionado la tecla Flecha Abajo");
}
});
-- Recuerda que puedes ver los detalles de un objeto viendo la consola del navegador y usando console.log o console.dir para depurar tu código:
document.addEventListener("keyup", function(e) {
console.log("Usted a presionado la tecla: " + e.key);
console.log("Los detalles completos del evento son: ")
console.dir(e);
});