JavaScript - Gestion des Événements

Les événements permettent à l’utilisateur d’interagir avec la page web. Vous pouvez réagir à un clic, un survol, une touche du clavier, etc. JavaScript utilise les gestionnaires d’événements pour cela.

1. Ajouter un gestionnaire d’événement

document.getElementById("monBouton").addEventListener("click", function() {
  alert("Vous avez cliqué !");
});

2. Événements courants

• click – clic de souris
• mouseover – survol de la souris
• keydown – touche du clavier
• submit – soumission de formulaire

3. Exemple complet

<button id="monBouton">Clique-moi</button>

<script>
  document.getElementById("monBouton").addEventListener("click", function() {
    alert("Événement déclenché !");
  });
</script>

Vidéo explicative

Exercice