La manipulation d’événements en JavaScript implique l’écriture de fonctions ou de scripts qui sont exécutées en réponse à des événements sur un site web ou une application web, tels que le clic d’un bouton, le chargement d’une page ou l’envoi d’un formulaire.
Voici les étapes de base pour effectuer la manipulation d’événements en JavaScript:
1. Sélection de l’élément : Avant de pouvoir manipuler un événement, vous devez choisir l’élément HTML qui sera affecté. Vous pouvez faire cela en utilisant différentes méthodes comme `getElementById()`, `getElementsByClassName()`, `getElementsByTagName()`, ou `querySelector()`.
```
var element = document.getElementById(“myButton”);
```
1. Définition de la fonction de gestion de l’événement : Vous devez ensuite définir la fonction qui sera exécutée lorsque l’événement se produira. Cette fonction est appelée gestionnaire d’événement.
```
function handleClickEvent() {
alert(“Le bouton a été cliqué !”);
}
```
1. Attache de l’événement : Ensuite, vous devez attacher l’événement à l’élément choisie.
Il y a deux façons principales pour attacher un événement:
- Inline : Vous pouvez ajouter l’attribut de l’événement directement à l’élément HTML.
```
```
- Using addEventListener : La méthode `addEventListener()` permet d’ajouter un gestionnaire d’événements à l’élément spécifié.
```
element.addEventListener(“click”, handleClickEvent);
```
La fonction `handleClickEvent` sera maintenant exécutée à chaque fois que l’utilisateur cliquera sur l’élément avec l’ID “myButton”.
C’est la méthode la plus couramment utilisée et la plus flexible pour le traitement des événements en JavaScript, car elle permet d’attacher plusieurs gestionnaires d’événements à un même élément, et elle fonctionne aussi bien avec les navigateurs modernes qu’avec les plus anciens.
