88. Introduction à la gestion des événements

Les pages web sont dynamiques car JavaScript peut répondre à des événements — des actions qui se produisent sur la page, généralement initiées par l'utilisateur ou le navigateur.

Qu'est-ce qu'un événement ?

Un événement signale que quelque chose s'est passé. Les événements courants incluent :

• Événements de souris : click, mouseover, mousedown, mousemove
• Événements de clavier : keydown, keyup
• Événements de formulaire : submit, change, focus
• Événements de document : load, scroll

Gestionnaire d'événement vs Écouteur d'événement

1. Gestionnaire d'événement (Inline/Propriété) : Définir directement une propriété sur l'élément ou utiliser des attributs HTML (ex : <button onclick="myFunction()">). C'est généralement déconseillé en raison d'une mauvaise séparation des préoccupations.
2. Écouteur d'événement (EventListener - Privilégié) : Utiliser la méthode addEventListener() pour attacher une fonction (le gestionnaire) qui s'exécute lorsque l'événement survient. Cela permet d'attacher plusieurs fonctions au même événement sur le même élément.