Mengapakah peristiwa menggelegak dicetuskan dua kali?

Acara menggelegak dicetuskan dua kali mungkin disebabkan oleh kaedah pengikatan fungsi pemprosesan acara, delegasi acara, kaedah objek acara, hubungan bersarang acara, dsb. Pengenalan terperinci: 1. Bagaimana untuk mengikat fungsi pemprosesan acara Apabila mengikat fungsi pemprosesan acara, anda boleh menggunakan kaedah "addEventListener" untuk mengikat acara Jika jenis fungsi pemprosesan acara yang sama terikat pada elemen yang sama beberapa kali peringkat menggelegak acara, fungsi pemprosesan acara ini akan dicetuskan dalam urutan, menyebabkan acara dicetuskan beberapa kali 2. Delegasi acara ialah teknik pembangunan bahagian hadapan dan sebagainya.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Dalam pembangunan bahagian hadapan, acara menggelegak ialah peringkat model acara DOM. Ini bermakna bahawa semasa penyebaran acara, acara itu muncul daripada elemen sasaran yang mencetuskan acara sehingga ia mencapai elemen peringkat atas. Semasa fasa menggelegak acara, fungsi pengendalian acara dilaksanakan mengikut urutan dari dalam ke luar.

Mekanisme menggelegak acara adalah untuk memudahkan pembangun mengendalikan pelbagai elemen dalam proses penyebaran acara. Apabila elemen mencetuskan acara, seperti acara klik (klik), acara itu akan dicetuskan pada elemen pencetus, dan kemudian gelembung naik peringkat demi tahap, mencetuskan pengendali acara pada setiap elemen nenek moyang secara bergilir-gilir.

Namun, kadangkala kita mungkin menghadapi situasi di mana peristiwa menggelegak dicetuskan dua kali. Ini mungkin disebabkan oleh sebab berikut:

1. Kaedah mengikat fungsi pemprosesan acara:

Apabila mengikat fungsi pemprosesan acara, kita boleh menggunakan kaedah addEventListener untuk mengikat acara. Jika pengendali acara daripada jenis yang sama diikat pada elemen yang sama beberapa kali, maka semasa peringkat menggelegak acara, pengendali acara ini akan dicetuskan mengikut turutan, menyebabkan acara dicetuskan berbilang kali. Oleh itu, apabila mengikat fungsi pengendalian acara, anda perlu memastikan bahawa anda mengikatnya sekali sahaja, atau menyahikat fungsi pengendalian acara sedia ada pada masa yang sesuai.

2. Delegasi Acara:

Delegasi acara ialah teknik pembangunan bahagian hadapan yang biasa digunakan Ia mengikat fungsi pemprosesan acara kepada elemen induk dan menggunakan mekanisme menggelegak acara untuk mengendalikan acara pada elemen kanak-kanak. Dalam delegasi acara, jika jenis fungsi pengendalian acara yang sama terikat pada kedua-dua elemen induk dan elemen anak, maka semasa peringkat menggelegak acara, fungsi pengendalian acara ini akan dicetuskan mengikut turutan, menyebabkan acara dicetuskan beberapa kali. Oleh itu, apabila menggunakan perwakilan acara, anda perlu memastikan bahawa pengendali acara hanya terikat pada elemen induk untuk mengelakkan pencetus berulang.

3. Kaedah objek acara:

Objek acara ialah parameter yang diluluskan dalam fungsi pemprosesan acara. Ia mengandungi maklumat dan kaedah berkaitan peristiwa. Dalam fungsi pengendalian acara, kita boleh mengawal tingkah laku acara melalui beberapa kaedah objek acara. Sebagai contoh, anda boleh menghentikan penyebaran menggelegak acara dengan memanggil kaedah stopPropagation objek acara. Jika kaedah objek acara tidak digunakan dengan betul dalam pengendali acara, acara mungkin menggelembung dan dicetuskan beberapa kali.

4. Hubungan bersarang peristiwa:

Dalam pembangunan bahagian hadapan, mungkin terdapat beberapa elemen bersarang, iaitu satu elemen mengandungi elemen lain. Jika jenis fungsi pengendalian acara yang sama terikat pada kedua-dua elemen induk dan elemen anak semasa peringkat menggelegak acara, maka semasa peringkat acara menggelegak, fungsi pengendalian acara ini akan dicetuskan mengikut turutan, menyebabkan peristiwa itu dicetuskan beberapa kali . Oleh itu, apabila memproses peristiwa elemen bersarang, anda perlu memberi perhatian kepada tertib mengikat dan mencetuskan fungsi pemprosesan acara untuk mengelakkan pencetus berulang.

Perlu diambil perhatian bahawa mekanisme menggelegak acara adalah berdasarkan spesifikasi model acara DOM dan pelayar yang berbeza mungkin mempunyai kaedah pelaksanaan yang berbeza. Oleh itu, semasa menulis kod bahagian hadapan, anda harus cuba mengikuti model acara DOM standard dan menjalankan ujian keserasian untuk memastikan ketekalan dan kebolehpercayaan kod dalam penyemak imbas yang berbeza.

Ringkasnya, dalam pembangunan bahagian hadapan, acara menggelegak ialah peringkat model acara DOM Ini bermakna semasa proses penyebaran acara, acara itu muncul daripada elemen sasaran yang mencetuskan acara, mencetuskan setiap elemen nenek moyang dalam. hidupkan fungsi pengendali acara. Peristiwa menggelegak mungkin dicetuskan beberapa kali disebabkan oleh kaedah pengikatan fungsi pemprosesan acara, delegasi acara, kaedah objek acara atau perhubungan bersarang acara. Oleh itu, semasa menulis kod bahagian hadapan, anda perlu mempertimbangkan dengan teliti semua aspek pengendalian acara untuk memastikan bahawa penyebaran acara dan tingkah laku pemprosesan adalah seperti yang diharapkan.

Atas ialah kandungan terperinci Mengapakah peristiwa menggelegak dicetuskan dua kali?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!