załączeniu/jest wiązana wydarzenia elementu za pomocą Narzędzi Chrome Rozwój/Firebug/IE Developer Toolbar

Question

Podczas inspekcji strona jest DOM, chciałbym wiedzieć załączony zdarzenia (y) elementu szybko

Na przykład, jeśli przycisk ma ten kod HTML DOM

<button id="button1">Click Me</button> 

I gdzieś (nie w miejscu, które znam z góry) ma dołączone wydarzenie, np.

$("#button1").click(function(){...}); 

wiem, można to zrobić programowo (Can I find events bound on an element with jQuery?)

ale czy jest jakiś sposób za pomocą tylko jednego z narzędzi programistycznych dla Chrome/Firefox/IE, aby zobaczyć listę wydarzeń?

---

Aktualizacja: okazało się, że w nowszych wersjach Chrome Mam kartę o nazwie eventListeners ale wydaje się, że nie pozwalają na łatwe drążenie całą drogę w dół do źródła zdarzenia, jak jQuery zawijany oryginalny

Answer 1

FireQuery - http://firequery.binaryage.com/ pozwala zobaczyć wydarzenia związane z elementami i wiercić w nich

Answer 2

z inspektorem Chrome wybrać element w zakładce „Elements”, a następnie z zakładki „Console” można patrz th zdarzenia związane z elementem z getEventListeners($0);.

Answer 3

W Chrome jest teraz zakładka Event Listeners.

Answer 4

zdobyć pierwszy dołączony uchwyt na pierwszym $ ("# button1") elementem

$._data($("#button1").get(0),"events").click[0].handler 

JSFiddle

Długa historia, że ​​nikt nie chce usłyszeć: Przyszedłem tutaj, szukając wtyczki. Byłem zachwycony, gdy zobaczyłem odpowiedź @ schmidlop, ale w jQuery, która tak naprawdę nie daje mi poszukiwanego przeze mnie słuchacza, pokazuje jedynie ogólny program obsługi zdarzeń jQuery, który ostatecznie wywołuje określone wywołanie zwrotne. Nadal szukam wtyczki do przeglądarki Chrome, która pozwoliłaby mi kliknąć prawym przyciskiem myszy na elemencie i pozwolić mi wiercić w uchwytach dołączonych do obiektu.

Przyczyna, że ​​będzie cool.

UPDATE: Znalazłem rozszerzenie Chrome o nazwie jQuery Debugger. Po prostu „Zbadaj element” i wybrać „jQuery zdarzeń” z podmenu „Elements” ...https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi

Answer 5

Narzędzia dla programistów Firefoksa teraz wyświetlać „ev” obok elementów, które zmierzały wydarzenia. Może to służyć do sprawdzania powiązanych zdarzeń (w tym zdarzeń jQuery).

Oto przykład z inspekcji „pierwszy akapit” element z jQuery click documentation:

Answer 6

Można również sprawdzić wizualne dodatek dostępnych wydarzeń dla Chrome.