Bagaimana untuk Nyahpepijat Pengikatan Acara dalam JavaScript dengan Firebug atau Alat Serupa?

Menyahpepijat Pengikatan Acara dengan Firebug atau Alat Serupa

Masalah:

Apabila menyahpepijat JavaScript atau aplikasi web jQuery yang menggunakan manipulasi DOM yang kompleks, anda menghadapi pengendali acara yang secara tidak dijangka berhenti berfungsi. Tanpa keupayaan untuk mengedit sumber aplikasi, anda mencari cara untuk mengenal pasti dan memeriksa peristiwa terikat ini.

Jawapan:

Gunakan pendekatan berikut untuk mendedahkan peristiwa terikat menggunakan Firebug dalam Firefox:

1. Dapatkan Data Acara: Dapatkan data acara yang dikaitkan dengan elemen yang dipersoalkan. Bergantung pada versi jQuery, gunakan kod berikut:

   • jQuery 1.3.x: var clickEvents = $('#foo').data("events").click;
   • jQuery 1.4.x dan ke atas: var clickEvents = $('#foo').data("events").click;
   • jQuery 1.8.x: var clickEvents = $._data($('# foo')[0], "events").klik;

2. Lelaran Pengendali Acara: Gelung melalui acara yang diambil menggunakan jQuery.each() dan log pengendali mereka ke konsol:

   • jQuery 1.3.x: jQuery.each(clickEvents, function(key, value) { console.log(value) });
   • jQuery 1.4.x dan ke atas: jQuery.each(clickEvents, function(key, handlerObj) { console.log(handlerObj.handler) });

Dengan menggunakan teknik ini , anda boleh memeriksa pengendali acara yang terikat pada elemen DOM tertentu dan mendapatkan cerapan berharga tentang tingkah laku dan isu yang berpotensi mereka.

Atas ialah kandungan terperinci Bagaimana untuk Nyahpepijat Pengikatan Acara dalam JavaScript dengan Firebug atau Alat Serupa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!