Lister les listeners d'un objet

Bonjour

Voilà j'aimerais savoir si il existe un moyen de lister les listeners d'un objet.


addEventListener permet d'ajouter un listener.
removeEventListener permet de supprimer un listener.

Mais comment connaitre les listener en cours d'un objet ?

Merci

Bonjour,
il aurait était intéressant que tu précises le contexte dans lequel tu veux opérer, navigateur sur une page quelconque ou une de tes pages !

Au niveau navigateur il te faut regarder du coté de getEventListeners

• GetEventListeners pour FireFox
• getEventListeners(object) pour Chrome

Au niveau de ta page, tu n'as pas de moyens avec les méthodes actuelles de retrouver la liste des listeners en cours sauf si...tu utilises jQuery auquel cas il suffit d'utiliser une méthode « interne » et non documentée que l'on retrouve dans la source de la librairie, jQuery._data(element, type).

Code:

---

1 2 3 4

// For internal use only. _data: function( elem, name, data ) { return internalData( elem, name, data, true ); },

---

Néanmoins tu peux toujours surcharger la méthode addEventListener pour mettre à jour une liste interne, par exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Element.prototype.originalAddEventListener = Element.prototype.addEventListener;   Element.prototype.addEventListener = function (type, fct, capture) { // init this.eventListenerList = this.eventListenerList || {}; this.eventListenerList[type] = this.eventListenerList[type] || []; capture = capture || false; // appel fonction original this.originalAddEventListener( type, fct, capture); // sauvegarde dans liste this.eventListenerList[type].push({ listener: fct, useCapture: capture }) };

---

et pour la lecture un truc du style

Code:

---

1 2 3 4

Element.prototype.getEventListeners = function (type) { // peut être choisir un autre nom à la fonction this.eventListenerList = this.eventListenerList || {}; return type in this.eventListenerList ? this.eventListenerList[type] : []; };

---

mais bien sûr cela va dépendre de ce que tu souhaites en faire.

Effectivement le contexte est sur une de mes pages.

En l’occurrence je suis surpris qu'une telle fonction qui me semble finalement assez basique ne soit pas implantée directement en javascript.

Et comme je n'utilise pas JQuery il ne me reste plus qu'a gérer une liste interne comme tu le suggère.

Merci NoSmoking,