Krom Geliştirme Araçlarını kullanarak bir elementin ekli/bağlı olayları bir sayfanın DOM teftiş yaparken

, ben bir unsuru Örneğin hızlıKrom Geliştirme Araçlarını kullanarak bir elementin ekli/bağlı olayları bir sayfanın DOM teftiş yaparken

ekli olay (lar) bilmek istiyorum/Kundakçı/IE Geliştirici Araç Çubuğu, eğer bul bir düğme bu HTML DOM sahiptir

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

Ve bir yerde (değil önceden bildiğim bir yerde) bir olay ekli sahiptir, örneğin

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

ben programlama yoluyla (Can I find events bound on an element with jQuery?)

yapılabilir ancak olayların bir listesini görmek için Chrome/Firefox/IE için sadece geliştirici araçlarından birini kullanarak bir yolu yoktur biliyoruz?

Güncelleme: Ben yeni Chrome sürümlerinde ben Olay Dinleyicilerine adında bir sekme var olduğunu öğrendim ama buna olayın kaynağına aşağı tüm yol kolay matkap aşağı izin vermez görünüyor jQuery orijinal

kaynak

2012-06-16 Eran Medan

[EventBug] (http://getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug) Firebug uzantısına bakabilirsiniz. Ancak jQuery ile nasıl entegre olduğunu bilmiyorum. Fakat genel olarak, olay dinleyicileri için destek maalesef tüm dev araçlarda iyi değildir. –

FireQuery sarar olarak - http://firequery.binaryage.com/ siz yapabilirsiniz "Konsol" sekmesinden ardından "Elements" sekmesinde elemanı seçmek ve elementlere bağlı etkinlikleri görmek ve Chrome denetçisi ile içlerine

kaynak

2012-07-14 23:43:30 olore

Krom için bir olay varsa (etkinliğin kaynağına inen EventListeners), yorum yapmaktan çekinmeyin! –

bu cevabın seçilmemiş olması gerekir, krom için değil. –

matkap sağlar görmek öğeye getEventListeners($0); ile eklenen e olaylar.

kaynak

2013-09-18 18:19:36 Florent2

getEventListeners öğesi, yalnızca tüm ajan etkinliklerini ebeveynleri tarafından içermeyen, öğeye bağlı olayları listeler. – diyism

+1 $ 0 – ipd

@ipd Kullanmak için $ 0 $ nedir? – Shanimal

Artık Chrome'da bir Etkinlik Dinleyicisi sekmesi var.

kaynak

2014-01-21 04:41:41 schmidlop

Bu sekmede "Tüm Düğümler" veya "Yalnızca Seçilen Düğüm" seçeneklerine göre filtreleyebilirsiniz. – chipit24

işe yaramaz, çünkü her şey jquery'ye işaret ediyor. 'Firefox developer edition' kullanarak aslında benim durumumda omurga görünümü olan doğru işleyiciyi bulabilirsiniz. –

birinci $ ("# button1") eleman ilk ekli işleyicisi almak için

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

JSFiddle

kimse duymak istediği uzun hikaye: Buraya bir eklenti aramak için geldim. @ Schmidlop'un cevabını görmek beni çok heyecanlandırdı, ama jQuery'de aslında aradığım dinleyiciyi bana vermiyor, sadece jQuery olayları için nihayetinde belirli bir geri çağrıyı arayan genel işleyiciyi gösteriyor. Hala bir öğeye sağ tıklamama izin verecek ve nesneye bağlı işleyicileri incelememe izin verecek bir Chrome eklentisi arıyorum. Neden bu iyi olurdu.

GÜNCELLEME: jQuery Debugger denilen bir krom uzantısı bulundu. Sadecehttps://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi enter image description here

kaynak

2014-02-06 05:01:44 Shanimal

'$ ._ data ($ (" # button1 "). Get (0)," events ") [0] 'a tıklayın. –

Bu harika ... hiç bir araca ihtiyacım olmadığı için çok ideal. Chrome'un etkinlik dinleyicileri sekmesi bunu yapabilirse, bu harika olur! –

Firefox'un geliştirici araçları şimdi bir sonraki olayları bağlı olan unsurların bir "EV" gösterilecek ... "Öğeyi Denetle" ve "Elemanlar" alt menüsünden "jQuery Olaylar" seçin. Bu, ilişkili olayları (jQuery olayları dahil) denetlemek için kullanılabilir.

Bound events in Firefox developer tools

kaynak

2015-07-01 02:58:02 djsutho

Ayrıca krom için kullanılabilir Görsel Olay eklenti kontrol edebilirsiniz: İşte

jQuery click documentation dan "İlk Paragraf" elemanı teftiş bir örnektir.

kaynak

2016-08-17 11:01:28

Krom Geliştirme Araçlarını kullanarak bir elementin ekli/bağlı olayları bir sayfanın DOM teftiş yaparken

cevap

İlgili konular