Détecter une lettre
document.addEventListener('keydown', (e) => {
if (e.key.toLowerCase() === 's' && (e.ctrlKey || e.metaKey)) {
e.preventDefault(); // Ctrl/Cmd + S
save();
}
});Comparer e.key.toLowerCase() gère Maj et Verr. Maj. Pour les commandes de jeu qui doivent rester à la même place quel que soit le clavier, comparez plutôt e.code ("KeyW", "KeyA", "KeyS", "KeyD").
Recherche de keycode JavaScript
Appuyez sur une touche et découvrez immédiatement toutes les propriétés de l'événement clavier, avec un extrait keydown prêt à copier pour vos raccourcis.
Questions fréquentes
event.key est-il en majuscule ou en minuscule pour une lettre ?
Les lettres suivent Maj et Verr. Maj : event.key vaut « a » normalement et « A » avec Maj. event.code reste KeyA dans les deux cas.
Les codes de touches changent-ils selon la disposition du clavier ?
event.key change avec la disposition (sur un clavier AZERTY français, la position A saisit Q) ; event.code désigne toujours la touche physique.
Faut-il encore utiliser keyCode ?
Non, il est obsolète. Utilisez event.key pour les caractères et event.code pour les positions.