Bagaimana untuk Mendapatkan Senarai Pengendali Acara Terikat pada Elemen jQuery?

Cara Mengambil Pengendali Acara Terikat pada Elemen Menggunakan jQuery

Dalam bidang pembangunan web, jQuery memudahkan pengendalian acara dengan membenarkan pembangun untuk mudah mengikat pendengar acara kepada elemen. Walau bagaimanapun, mengurus berbilang acara pada satu elemen kadangkala boleh menjadi mencabar, terutamanya apabila menyelesaikan masalah atau nyahpepijat.

Satu soalan biasa yang timbul ialah cara mendapatkan senarai semua acara yang terikat pada elemen tertentu pada masa ini. Walaupun ia mungkin bukan fungsi yang paling biasa digunakan, mengetahui teknik ini boleh menjadi tidak ternilai dalam senario tertentu.

$._data Kaedah untuk Mendapatkan Pengendali Acara

Dalam versi terkini daripada jQuery, kaedah $._data menyediakan cara untuk mengakses data dalaman yang dikaitkan dengan elemen, termasuk peristiwa yang terikat oleh jQuery. Walaupun kaedah ini bertujuan terutamanya untuk kegunaan dalaman, kaedah ini menawarkan cara untuk mendapatkan semula peristiwa yang dilampirkan pada elemen.

Pertimbangkan coretan kod berikut:

$("#foo").on({
    click: function(){ alert("Hello") },
    mouseout: function(){ alert("World") }
});

$._data( $("#foo")[0], "events" );

Menjalankan kod ini akan menghasilkan objek mengandungi dua peristiwa yang kita terikat pada elemen "foo."

Memahami $._data Output

Hasil $._data akan menjadi objek yang mengandungi maklumat tentang peristiwa terikat. Setiap sifat dalam objek akan mewakili jenis acara, seperti "klik" atau "mouseout." Nilai setiap sifat akan menjadi tatasusunan pengendali acara yang dilampirkan pada jenis acara tersebut.

Sebagai contoh, jika kita mengembangkan sifat "mouseout" dalam penyahpepijat Chrome, kita mungkin melihat sesuatu seperti ini:

mouseout: [
  {
    handler: function...
  }
]

Pilihan Nyahpepijat Selanjutnya dalam Chrome

Selain kaedah $._data, Chrome menawarkan pilihan penyahpepijatan yang mudah. Dengan mengklik kanan pada fungsi pengendali dan memilih "lihat definisi fungsi", anda boleh menentukan lokasi yang tepat dalam kod anda di mana pengendali ditakrifkan. Ini amat berguna untuk menyelesaikan masalah dengan cepat atau memahami aliran pengendalian acara dalam aplikasi anda.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Senarai Pengendali Acara Terikat pada Elemen jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!