Detectando uma letra
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Comparar e.key.toLowerCase() lida com Shift e Caps Lock. Para controles de jogos que devem ficar no mesmo lugar em qualquer layout, compare e.code ("KeyW", "KeyA", "KeyS", "KeyD") em vez disso.
Verificador de Keycode JavaScript
Pressione qualquer tecla e veja na hora todas as propriedades do evento de teclado, com um trecho keydown pronto para copiar para atalhos.
Perguntas frequentes
O event.key de letra é maiúsculo ou minúsculo?
As letras seguem Shift e Caps Lock: o event.key é “a” normalmente e “A” com Shift. O event.code continua sendo KeyA em ambos os casos.
Os códigos de tecla mudam com o layout do teclado?
O event.key muda com o layout (em um teclado AZERTY francês, a posição A digita Q); o event.code sempre nomeia a tecla física.
Ainda devo usar o keyCode?
Não — ele está obsoleto. Use event.key para caracteres e event.code para posições.