Comment détecter la touche Verr Maj
document.addEventListener('keydown', (event) => {
if (event.key === "CapsLock") {
// Caps Lock was pressed
}
});Utilisez event.key pour réagir à ce que la touche signifie (elle suit la disposition du clavier) et event.code pour sa position physique, par exemple WASD dans les jeux. keyCode et which sont obsolètes : ils fonctionnent encore, mais leurs valeurs diffèrent selon les navigateurs et les dispositions.
Comment les navigateurs gèrent Verr Maj
Pour avertir l'utilisateur que Verr Maj est activée dans un champ de mot de passe, vérifiez event.getModifierState("CapsLock") sur n'importe quel événement clavier : il indique l'état du verrouillage, et pas seulement cette touche.
Avec React
<input onKeyDown={(e) => { if (e.key === "CapsLock") { /* … */ } }} />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
Quel est le keyCode de la touche Verr Maj ?
20. Il est toutefois obsolète : utilisez event.key (« CapsLock ») ou event.code (CapsLock) dans le nouveau code.
Quelle est la différence entre event.key et event.code ?
event.key est le caractère ou l'action produit par la touche avec la disposition actuelle ; event.code est la position physique de la touche, identique sur toutes les dispositions.
Faut-il utiliser keydown ou keypress ?
keydown. L'événement keypress est obsolète et ne se déclenche pas pour les touches qui ne produisent pas de caractère, comme Échap ou les touches fléchées.