devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Code de la touche Slash (/) en JavaScript

Pour Slash (/), event.key vaut / (or ? with Shift), event.code vaut Slash et le keyCode obsolète vaut 191. Appuyez sur n’importe quelle touche dans le Key Code Finder pour voir ses valeurs en direct.

Mis à jour le

PropriétéValeur
event.key/ (or ? with Shift)
event.codeSlash
event.keyCode / which (obsolète)191

Comment détecter Slash (/)

document.addEventListener('keydown', (event) => {
  if (event.key === "/") {
    // Slash (/) 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.

Comportement des navigateurs avec Slash (/)

De nombreux sites (GitHub, YouTube, Gmail) utilisent « / » pour placer le focus sur la recherche. Vérifiez que le focus n’est pas déjà dans un champ de texte avant de traiter la touche.

Avec React

<input onKeyDown={(e) => { if (e.key === "/") { /* … */ } }} />

Questions fréquentes

Quel est le keyCode de la touche Slash (/) ?
191. Il est toutefois obsolète : utilisez event.key (« / » ou « ? » avec Maj) ou event.code (Slash) 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.