Měl jste někdy nějaký konflikt na posluchači událostí? Nebo jen chcete vidět, co dalšího se provádí na stejné akci na stránce. V závislosti na vašem prohlížeči to může nebo nemusí být zabudovaná funkce.
Vestavěný do prohlížeče
V prohlížeči Google Chrome klikněte pravým tlačítkem na stránku a přejděte na Inspect Element. Odtud se ujistěte, že jste na kartě Prvky a klikněte na blok HTML. Na pravém postranním panelu uvidíte sekci s kartami, kde můžete kliknout na Posluchače událostí a zobrazit akce, které dokument poslouchá. Při každé z těchto akcí můžete podrobněji rozdělit a zjistit, kde se objevuje původní prohlášení.
V aplikaci Internet Explorer se domnívám, že mají podobné funkce vestavěné. V FireFoxu se domnívám, že k prohlížení této funkce v prohlížeči vyžaduje doplněk FireBug.
getEventListeners
Toto je metoda, která se peče přímo do prohlížeče Chrome a Firebug pro Firefox. Syntaxe: getEventListeners (objekt). Ve spojení s jQuery by tedy byl jednoduchý příklad:
getEventListeners ($ ('# container'));
Stačí přejít přímo do vývojářské konzole a zadejte tento příkaz pro jakýkoli prvek, pro který chcete posluchače vidět.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Neexistuje žádný plně podporovaný způsob, jak získat tyto informace v jQuery. Soukromou metodu můžete získat v jQuery prostřednictvím:
$ ._ data ($ (''), 'events');
Nahraďte odkazem na příslušný prvek. To není veřejně podporováno, neexistuje žádná dokumentace a mohlo by to přestat fungovat s jakýmkoli novým vydáním jQuery, takže se na něj nespoléhejte. Pokud ji budete používat, použijte ji pouze pro ladění.
Bookmarklet
Pokud vám nic z výše uvedeného nevyhovuje, existuje docela skvělá kniha, která vám umožní vidět na stránce, kde jsou posluchači. Pokud jdete sem, poskytují záložek k přetažení na panel prohlížeče. Je to upřímně způsob, který používám nejčastěji, protože přesně vidím, kde se posluchač nachází na stránce.
