89. Attacher des écouteurs : addEventListener()
La méthode addEventListener() est la manière standard et moderne de déclarer un gestionnaire d'événement.
Syntaxe
javascript element.addEventListener(event, handlerFunction, options);
event: Une chaîne spécifiant le type d'événement (ex : 'click', 'submit').handlerFunction: La fonction à exécuter lorsque l'événement survient.
Exemple : Gérer le clic sur un bouton
html
javascript const button = document.getElementById('trigger-btn');
function handleClick() { console.log('Le bouton a été cliqué !'); // Faites quelque chose d'interactif ici }
// Attacher la fonction à l'événement click button.addEventListener('click', handleClick);
// Vous pouvez aussi utiliser une fonction anonyme (fonction en ligne) : button.addEventListener('mouseover', function() { button.style.color = 'red'; });
Détacher des écouteurs
Pour supprimer un écouteur, vous devez passer exactement le même type d'événement et la même référence de fonction à removeEventListener().