Tüm Etkinlik Dinleyicilerini Görüntüle

Hiç bir olay dinleyicisi üzerinde bir çeşit çatışma oldu mu? Ya da sayfadaki aynı eylemde başka neler yürütüldüğünü görmek istiyorum. Tarayıcınıza bağlı olarak, bu yerleşik bir işlev olabilir veya olmayabilir.

Yerleşik Tarayıcı

Google Chrome'da, sayfaya sağ tıklayın, Elementi İnceleyin. Oradan, Elements sekmesinde olduğunuzdan emin olun ve bir HTML bloğunu tıklayın. Sağ kenar çubuğunda, Olay Dinleyicileri'ni tıklatabileceğiniz ve belgenin dinlediği eylemleri görebileceğiniz sekmeli bir bölüm göreceksiniz. İlk bildirimin nerede olduğunu görmek için bu eylemlerin her birini daha ayrıntılı olarak inceleyebilirsiniz.
Internet Explorer'da, yerleşik olarak benzer işlevlere sahip olduklarına inanıyorum. FireFox'ta, tarayıcının işlevselliğini görmek için bir FireBug eklentisi gerektirdiğine inanıyorum.

getEventListeners

Bu, doğrudan Chrome'a ​​ve Firefox için Firebug'a pişmiş bir yöntemdir. Sözdizimi: getEventListeners (object). Yani jQuery ile birlikte basit bir örnek:

 getEventListeners ($ ( '# konteyner')); 

Sadece doğrudan geliştirici konsoluna gidin ve dinleyicileri görmek istediğiniz öğeye bu komutu yazın.
getEventListeners Chrome
getEventListeners Firebug

jQuery

Artık jQuery'de bu bilgiyi almak için tam olarak desteklenen bir yol yoktur. JQuery'de özel bir yönteme şu yollarla erişebilirsiniz:

 $ ._ verileri ($ ([seçici] ') [0], 'etkinlik'); 

[Seçiciyi] uygun eleman referansı ile değiştirin. Bu, genel olarak desteklenmez, hiçbir belge yoktur ve jQuery'nin herhangi bir yeni sürümü ile çalışmayı durdurabilir, dolayısıyla ona güvenmeyin. Kullanacaksanız, sadece hata ayıklama için kullanın.

Bookmarklet

Yukarıdakilerin hiçbiri size uymazsa, dinleyicilerin bulunduğu sayfada görmenizi sağlayacak oldukça güzel bir yer imi vardır. Buraya giderseniz, tarayıcınızın çubuğuna sürüklemek için yer işaretini sağlarlar. Bu, dürüst bir şekilde, tam olarak, dinleyicinin sayfada bulunduğu yeri görebildiğim şekilde kullanıyorum.

Ayrıca Bkz