Discussion :

[Coocky10]

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

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Coocky10]

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,