Anonim

Vous avez déjà eu une sorte de conflit sur un auditeur d'événement? Ou voulez simplement voir ce qui est exécuté en plus sur la même action à la page. Selon votre navigateur, il peut s’agir d’une fonctionnalité intégrée ou non.

Intégré au navigateur

Dans Google Chrome, cliquez avec le bouton droit de la souris sur la page, puis sélectionnez Inspecter un élément. A partir de là, assurez-vous que vous êtes sur l'onglet Eléments et cliquez sur un bloc de HTML. Dans la barre latérale droite, vous verrez une section à onglets où vous pouvez cliquer sur les écouteurs d'événement et voir les actions que le document écoute. Vous pouvez approfondir chacune de ces actions pour voir où se trouve la déclaration initiale.
Dans Internet Explorer, je pense qu'ils ont des fonctionnalités similaires intégrées. Dans FireFox, je pense qu’il faut un complément FireBug pour voir cette fonctionnalité dans le navigateur.

getEventListeners

Cette méthode est directement intégrée à Chrome et Firebug pour Firefox. Syntaxe: getEventListeners (objet). Donc, en conjonction avec jQuery, un exemple simple serait:

getEventListeners ($ ('# conteneur'));

Il suffit d’aller directement à la console du développeur et de taper cette commande pour l’élément de votre choix.
getEventListeners Chrome
getEventListeners Firebug

jQuery

Il n’existe plus de méthode totalement prise en charge pour obtenir ces informations dans jQuery. Vous pouvez accéder à une méthode privée dans jquery via:

$ ._ data ($ (''), 'events');

Remplacez par votre référence d'élément appropriée. Ceci n'est pas supporté publiquement, il n'y a pas de documentation et cela pourrait cesser de fonctionner avec toute nouvelle version de jQuery, aussi ne vous en fiez pas. Si vous comptez l'utiliser, utilisez-le uniquement pour le débogage.

Bookmarklet

Si rien de ce qui précède ne vous convient, il existe un bookmarklet assez cool qui vous permettra de voir à la page où se trouvent les auditeurs. Si vous allez ici, ils fournissent le bookmarklet à faire glisser dans la barre de votre navigateur. C’est honnêtement la façon dont j’utilise le plus souvent car je peux voir exactement où se trouve l’auditeur sur la page.

Voir tous les auditeurs d'événement