Maison >interface Web >js tutoriel >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
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
.
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'interfaceEventListener
, 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
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!