Pernah memiliki semacam konflik pada pendengar acara? Atau hanya ingin melihat apa lagi yang dieksekusi pada tindakan yang sama di halaman. Bergantung pada browser Anda, ini mungkin atau mungkin bukan fungsionalitas bawaan.
Built-in ke Browser
Di Google Chrome, klik kanan pada halaman, pergi ke Elemen Inspeksi. Dari sana, pastikan Anda berada di tab Elemen dan klik blok HTML. Di bilah sisi kanan Anda akan melihat bagian tab di mana Anda dapat mengklik Acara Pendengar dan melihat tindakan yang sedang didengarkan dokumen. Anda dapat menelusuri lebih lanjut pada masing-masing tindakan untuk melihat di mana deklarasi awal terjadi.
Di Internet Explorer, saya percaya mereka memiliki fungsionalitas yang serupa built-in. Di FireFox, saya percaya ini membutuhkan add-on FireBug untuk melihat fungsi itu di browser.
getEventListeners
Ini adalah metode yang dipanggang langsung ke Chrome dan Firebug untuk Firefox. Sintaks: getEventListeners (objek). Jadi bersamaan 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 dalam jquery melalui:
$ ._ data ($ (''), 'events');
Ganti dengan referensi elemen yang sesuai. Ini tidak didukung untuk umum, tidak ada dokumentasi, dan itu bisa berhenti berfungsi dengan rilis baru jQuery, jadi jangan mengandalkan itu. Jika Anda akan menggunakannya, gunakan untuk debugging saja.
Bookmarklet
Jika tidak ada yang sesuai dengan Anda di atas, ada bookmarklet yang cukup keren yang akan memungkinkan Anda melihat pada halaman di mana pendengar berada. Jika Anda pergi ke sini, mereka menyediakan bookmarklet untuk menarik ke bilah browser Anda. Ini benar-benar cara yang paling sering saya gunakan karena saya bisa melihat dengan tepat di mana pendengar berada di halaman.
