Pernah ada semacam konflik pada pendengar acara? Atau hanya ingin melihat apa lagi yang sedang dieksekusi pada tindakan yang sama di halaman. Tergantung pada browser Anda, ini mungkin atau mungkin bukan fungsionalitas bawaan.
Dibangun ke Browser
Di Google Chrome, klik kanan pada halaman, buka Elemen Inspeksi. Dari sana, pastikan Anda berada di tab Elemen dan klik satu blok HTML. Di sidebar kanan Anda akan melihat bagian tab di mana Anda dapat mengklik Event Listeners dan melihat tindakan yang didengarkan oleh dokumen. Anda dapat menelusuri lebih lanjut pada masing-masing tindakan tersebut untuk melihat di mana deklarasi awal terjadi.
Di Internet Explorer, saya yakin mereka memiliki fungsi serupa yang sudah ada di dalamnya. Di FireFox, saya percaya ini memerlukan add-on FireBug untuk melihat fungsi tersebut di browser.
getEventListeners
Ini adalah metode yang dipanggang langsung ke Chrome dan Firebug untuk Firefox. Sintaks: getEventListeners (objek). Jadi bersama dengan jQuery, contoh sederhana adalah:
getEventListeners ($ ('# container')); Langsung saja ke konsol pengembang dan ketik perintah itu untuk elemen apa pun yang ingin Anda lihat pendengarnya.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Tidak ada cara yang sepenuhnya didukung untuk mendapatkan informasi ini di jQuery lagi. Anda dapat mengakses metode pribadi di jquery via:
$ ._ data ($ ('[selector]') [0], 'events'); Ganti [selector] dengan referensi elemen yang sesuai. Ini tidak didukung secara publik, tidak ada dokumentasi, dan bisa berhenti berfungsi dengan rilis baru jQuery, jadi jangan bergantung padanya. Jika Anda akan menggunakannya, gunakan untuk hanya melakukan debug.
Bookmarklet
Jika tidak ada yang cocok dengan Anda di atas, ada bookmarklet keren yang memungkinkan Anda melihat di halaman tempat pendengar berada. Jika Anda pergi di sini, mereka menyediakan bookmarklet untuk menyeret ke bilah browser Anda. Ini benar-benar cara yang paling sering saya gunakan karena saya dapat melihat dengan tepat di mana pendengar berada di halaman.
