Code de la touche Entrée en JavaScript

Comment détecter la touche Entrée

document.addEventListener('keydown', (event) => {
  if (event.key === "Enter" && !event.isComposing) {
    // Enter 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 : elles fonctionnent encore, mais leurs valeurs diffèrent selon les navigateurs et les dispositions de clavier.

Comment les navigateurs gèrent la touche Entrée

La touche Entrée envoie un formulaire lorsque le focus se trouve dans un champ de texte, et active les boutons et les liens. Vérifiez event.isComposing : lorsqu’une personne saisit du chinois, du japonais ou du coréen, Entrée valide la composition et ne doit pas déclencher votre action. La touche Entrée du pavé numérique a la même key, mais son code vaut NumpadEnter.

Avec React

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