Har du nogensinde haft en slags konflikt med en begivenhedslytter? Eller bare vil se, hvad der ellers udføres ved den samme handling på siden. Afhængig af din browser er dette muligvis ikke en indbygget funktionalitet.
Indbygget i browseren
I Google Chrome skal du højreklikke på siden og gå til Inspect Element. Derfra skal du sørge for, at du er på fanen Elementer og klikker på en blok af HTML. På højre sidepanel kan du se et faneblad, hvor du kan klikke på Begivenhedslyttere og se de handlinger, som dokumentet lytter til. Du kan bore yderligere ned på hver af disse handlinger for at se, hvor den oprindelige erklæring finder sted.
I Internet Explorer tror jeg, de har indbygget lignende funktionalitet. I FireFox mener jeg, at det kræver en FireBug-tilføjelse for at se denne funktionalitet i browseren.
getEventListeners
Dette er en metode, der er bagt direkte i Chrome og Firebug til Firefox. Syntaks: getEventListeners (objekt). Så i forbindelse med jQuery ville et simpelt eksempel være:
getEventListeners ($ ( '# container'));
Bare gå direkte til udviklerkonsollen og skriv kommandoen for det element, du gerne vil se lytterne til.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Der er ingen fuldt understøttet måde at få disse oplysninger på jQuery mere. Du kan få adgang til en privat metode i jquery via:
$ ._ data ($ ( ''), 'begivenheder');
Udskift med din passende elementreference. Dette understøttes ikke offentligt, der er ingen dokumentation, og det kan stoppe med at fungere med enhver ny udgivelse af jQuery, så ikke stol på det. Hvis du vil bruge det, skal du kun bruge det til fejlsøgning.
bookmarklet
Hvis ingen af ovenstående passer til dig, er der en temmelig cool bogmærke, der lader dig se på siden, hvor lytterne er placeret. Hvis du går her, giver de bogmærket at trække til din browsers bjælke. Dette er ærligt den måde, jeg bruger oftest, da jeg kan se nøjagtigt, hvor lytteren er placeret på siden.
