Hatten Sie jemals einen Konflikt mit einem Ereignis-Listener? Oder möchten Sie einfach nur sehen, was noch für dieselbe Aktion auf Seite ausgeführt wird. Abhängig von Ihrem Browser ist dies möglicherweise eine integrierte Funktionalität.
Integriert in den Browser
Klicken Sie in Google Chrome mit der rechten Maustaste auf die Seite und wechseln Sie zu Inspect Element. Stellen Sie von dort aus sicher, dass Sie sich auf der Registerkarte Elemente befinden, und klicken Sie auf einen HTML-Block. In der rechten Seitenleiste sehen Sie einen Abschnitt mit Registerkarten, in dem Sie auf Ereignis-Listener klicken und die Aktionen anzeigen können, auf die das Dokument wartet. Sie können weitere Details zu jeder dieser Aktionen anzeigen, um festzustellen, wo die Erstdeklaration stattfindet.
Im Internet Explorer haben sie meiner Meinung nach ähnliche Funktionen eingebaut. In FireFox ist meines Erachtens ein FireBug-Add-On erforderlich, um diese Funktionalität im Browser anzuzeigen.
getEventListeners
Dies ist eine Methode, die direkt in Chrome und Firebug für Firefox integriert ist. Syntax: getEventListeners (Objekt). In Verbindung mit jQuery wäre dies ein einfaches Beispiel:
getEventListeners ($ ('# container'));
Gehen Sie einfach direkt zur Entwicklerkonsole und geben Sie den Befehl für das Element ein, für das Sie die Listener sehen möchten.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Es gibt keine vollständig unterstützte Möglichkeit mehr, diese Informationen in jQuery abzurufen. Sie können in jquery auf eine private Methode zugreifen über:
$ ._ data ($ (''), 'events');
Ersetzen Sie durch Ihre entsprechende Elementreferenz. Dies wird nicht öffentlich unterstützt, es gibt keine Dokumentation und es könnte bei jeder neuen Version von jQuery nicht mehr funktionieren. Verlassen Sie sich also nicht darauf. Wenn Sie es verwenden möchten, verwenden Sie es nur zum Debuggen.
Lesezeichen
Wenn Ihnen keiner der oben genannten Punkte zusagt, gibt es ein ziemlich cooles Lesezeichen, mit dem Sie auf der Seite sehen können, wo sich die Hörer befinden. Wenn Sie hierher gehen, wird das Lesezeichen bereitgestellt, das Sie in die Leiste Ihres Browsers ziehen können. Dies ist ehrlich gesagt die Art und Weise, die ich am häufigsten benutze, da ich genau sehen kann, wo sich der Hörer auf der Seite befindet.
