event.key === "ArrowRight" ...
Mais recente e muito mais limpo: use event.key
. Chega de códigos numéricos arbitrários! Se você está transpilando ou sabe que todos os usuários estão em navegadores modernos, use isso!
node.addEventListener('keydown', function(event) {
const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown"
});
Manuseio Detalhado:
switch (event.key) {
case "ArrowLeft":
// Left pressed
break;
case "ArrowRight":
// Right pressed
break;
case "ArrowUp":
// Up pressed
break;
case "ArrowDown":
// Down pressed
break;
}
Você pode estendê-lo facilmente para verificar "w", "a", "s", "d"
ou qualquer outra chave
Documentos do Mozilla
Navegadores suportados
PS event.code
é o mesmo para setas
keypress
eventos para teclas de seta, mas você está certo quekeydown
sempre funciona para teclas de seta.