Comment détecter Backquote (`)
document.addEventListener('keydown', (event) => {
if (event.key === "`") {
// Backquote (`) 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 ZQSD ou WASD dans les jeux. keyCode et which sont obsolètes : ils fonctionnent encore, mais leurs valeurs varient selon les navigateurs et les dispositions.
Comportement de Backquote (`) dans les navigateurs
Souvent utilisée pour ouvrir une console dans les jeux. Sur de nombreuses dispositions internationales, c’est une touche morte (event.key === "Dead") qui attend la frappe suivante.
Dans React
<input onKeyDown={(e) => { if (e.key === "`") { /* … */ } }} />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 Backquote (`) ?
192. Cette propriété est toutefois obsolète : dans le nouveau code, utilisez event.key (« ` » ou ~ avec Maj) ou event.code (Backquote).
Quelle est la différence entre event.key et event.code ?
event.key correspond au caractère ou à l’action produit par la touche avec la disposition actuelle ; event.code correspond à 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.