EventListener

L'interface EventListener représente un objet qui peut gérer un évènement distribué par un objet EventTarget.

Cette interface n'implémente ni n'hérite d'aucune propriété.

Cette interface n'hérite d'aucune méthode.

EventListener.handleEvent() (en-US)

une fonction qui est appelée lorsque se produit un événement du type spécifié.

<button id="btn">Click here!</button>

const buttonElement = document.getElementById('btn');

// Ajoute un gestionnaire pour l'évènement 'click' qui fournit une fonction de rappel.
// Chaque fois que l'élément est cliqué, une fenêtre contextuelle avec "Élément clické!"
// apparaîtra.
buttonElement.addEventListener('click', function (event) {
  alert('Element clicked through function!');
});

// Pour la compatibilité, un objet qui n'est pas une fonction avec une propriété `handleEvent` (gestion d'évènement)
// sera traitée exactement comme la fonction elle-même.
buttonElement.addEventListener('click', {
  handleEvent: function (event) {
    alert('Element clicked through handleEvent property!');
  }
});