Objet d'interface de EventListener dans addEventListener

Cet article présente principalement l'objet d'interface EventListener dans addEventListener, qui a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

Écrivez-le d'abord

Manquant. point de connaissance : le deuxième paramètre de addEventListener peut non seulement être transmis dans une fonction, mais également dans un objet qui implémente l'interface EventListener.

Description dans le document

listener

Lorsque le type d'événement surveillé est déclenché, un objet de notification d'événement (objet qui implémente l'interface Event) sera reçu. listener doit être un objet qui implémente l'interface EventListener, ou une fonction

Extrait de MDN

Je passe toujours une fonction dans listener, implémente une logique en écoutant les occurrences d'événements. Cependant, j'ai vu que la description du document mentionnait pour la première fois "un objet qui implémente l'interface EventListener". Après avoir visionné davantage le document, j'ai appris que cet objet faisait référence à un objet contenant la méthode handleEvent.

var obj = {
   // ...
    handleEvent: function(event) {
        // ...
        console.log('event', event)
    }
}
document.body.addEventListener('click', obj, false)

Lorsque l'événement enregistré par EventListener se produit, cette méthode sera appelée et un paramètre d'événement sera transmis à la méthode.

Après avoir compris le concept, il est temps de voir quels avantages ce point de connaissance peut apporter au développement réel

Applications en cours de développement

Par exemple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!