Comment détecter Alt / Option
document.addEventListener('keydown', (event) => {
if (event.key === 'Alt') {
// Alt / Option was pressed
}
});Utilisez event.key pour réagir à la signification de la touche (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 de clavier.
Comment les navigateurs gèrent Alt / Option
Vérifiez event.altKey. Sur de nombreux claviers européens, la touche Alt droite est AltGr (event.key === "AltGraph") et saisit des caractères comme @ ou €, donc évitez les raccourcis Ctrl+Alt qui entrent en conflit avec elle. Sur un Mac, Option modifie event.key pour produire des caractères spéciaux : utilisez event.code pour les raccourcis Option.
Avec React
<input onKeyDown={(e) => { if (e.key === 'Alt') { /* … */ } }} />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.