Detectar una letra
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Comparar e.key.toLowerCase() tiene en cuenta Shift y Bloq Mayús. Para los controles de juego que deben mantenerse en el mismo sitio en cualquier distribución, compara e.code ("KeyW", "KeyA", "KeyS", "KeyD") en su lugar.
Buscador de Keycodes JavaScript
Pulsa cualquier tecla y mira al instante todas las propiedades del evento de teclado, con un fragmento keydown listo para copiar para tus atajos.
Preguntas frecuentes
¿Es event.key en mayúscula o minúscula para las letras?
Las letras siguen a Shift y Bloq Mayús: event.key es “a” normalmente y “A” con Shift. event.code sigue siendo KeyA en ambos casos.
¿Los códigos de tecla cambian con la distribución del teclado?
event.key cambia según la distribución (en un teclado AZERTY francés, la posición A escribe Q); event.code siempre nombra la tecla física.
¿Sigo debiendo usar keyCode?
No, está obsoleto. Usa event.key para los caracteres y event.code para las posiciones.