¿Por qué el navegador Chrome no me reconoce el evento Keyup?
Estoy haciendo un curso online de programación básica en html yJavaScrip. En este momento estamos dibujando líneas en canvas por medio de las flechas del teclado. Resulta que cuando cargo el archivo .html al navegador y pruebo los resultado de presionar las flechas con "console.log" este no me da ningún resultado. No se si es producto de donde estoy realizado el programa que es Atom, o tengo des actualizado algo más.
A continuación les comparto el código del archivo .html y .js
flechas.html
<! DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Dibujando con flechas</title>
</head>
<body>
<canvas width="300" height="300" id="area_de_dibujo"></canvas>
<p>Mueve las flechas del teclado para dibujar</p>
<script src="eventos.js"></script>
</body>
</html>
eventos.js
var teclas = {
UP: 38,
DOWN: 40,
LEFT: 37,
RIGHT: 39
};
console.log(teclas);
document.addEventListener("Keyup", dibujarTeclado);
function dibujarTeclado(evento)
{
switch(evento.keyCode)
{
case teclas.UP:
console.log("arriba");
break;
case teclas.DOWN:
console.log("abajo");
break;
case teclas.LEFT:
console.log("izquierda");
break;
case teclas.RIGHT:
console.log("derecha");
break;
default:
console.log("otra tecla");
break;
}
}
resultados:
