Códigos de teclas (keycode)
Pressione qualquer tecla: você verá na hora event.key,
event.code, o antigo keyCode e as teclas modificadoras ativas.
Histórico das teclas recentes (a mais recente à esquerda):
key, code e keyCode: qual você deve usar?
O JavaScript moderno oferece duas propriedades: event.key é o caractere ou
o nome lógico que a tecla produz (por exemplo "a", "A" com Shift, "Enter"), enquanto
event.code identifica a posição física no teclado (por exemplo
"KeyA", "Digit1") e não muda com o layout, seja QWERTY, AZERTY ou Dvorak. Use
key quando importa o que o usuário está digitando, e code para
atalhos baseados na posição, como as teclas WASD nos jogos.
Por que o keyCode é obsoleto, mas continua útil?
O keyCode numérico é oficialmente obsoleto segundo o padrão, mas muito
código antigo, plugins e bibliotecas mais antigas ainda o verificam (o clássico 13 para Enter ou 27 para
Esc). Se você está depurando ou mantendo um código existente, precisa saber que número uma tecla
produz: por isso esta ferramenta mostra esse número bem ao lado dos valores modernos, para que você possa migrar
com segurança as comparações numéricas para key e code.