Comment détecter l'utilisation de la touche ECHAP en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-04-17 11:52:26

Question

Comment faire pour détecter qu'un utilisation a appuyé sur la touche ECHAP en JavaScript ?

Réponse

Pour détecter qu'un utilisation a appuyé sur la touche ECHAP, en JavaScript, vous pouvez utiliser la propriété key de l'interface KeyboardEvent.

Dans l'exemple ci-après on utilise la méthode addEventListener() qui permet d'exécuter une fonction lorsqu'un évènement est détecté, ici l'évènement keydown.

La fonction vérifie si la touche ECHAP a été utilisée :

event.key == "Escape"

Voici un exemple :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment détecter l'utilisation de la touche ECHAP en JavaScript ?</title>
</head>
<body>
<script>
window.addEventListener("keydown", function (event) {
  if (event.key == "Escape") {
    alert("L'utilisateur a appuyé sur la touche " + event.key);
  }
});
</script>
</body>
</html>