Apakah peringkat tangkapan acara?

Peringkat tangkapan acara ialah peringkat tangkapan, elemen sasaran dan peringkat menggelegak. Dalam fasa tangkapan, peristiwa diturunkan lapisan demi lapisan bermula dari elemen paling luar Pembangun boleh melakukan beberapa operasi prapemprosesan dalam peringkat ini dan menghalang penghantaran peristiwa selanjutnya dalam peringkat elemen sasaran, peristiwa itu mencapai elemen sasaran dan dicetuskan. Menurut pengendali peristiwa yang sepadan, pembangun boleh melakukan beberapa operasi khusus dalam peringkat ini, dalam peringkat menggelegak, peristiwa diteruskan lapisan demi lapisan bermula dari elemen sasaran, dan pembangun boleh melakukan beberapa operasi pasca pemprosesan dalam peringkat ini dan Cegah selanjutnya; penghantaran peristiwa.

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

Tangkapan peristiwa merujuk kepada proses di mana penyemak imbas, apabila memproses peristiwa yang dijana apabila pengguna berinteraksi dengan elemen dalam halaman web, bermula dari elemen paling luar dan mencari ke bawah untuk elemen yang dikaitkan dengan acara sehingga elemen sasaran ditemui . Tangkapan acara dibahagikan kepada tiga fasa berikut:

Fasa tangkapan (Tangkapan):

Fasa tangkapan ialah fasa pertama dalam proses pemprosesan acara. Apabila peristiwa berlaku, penyemak imbas akan bermula dari elemen paling luar dan meneruskan acara ke bawah lapisan demi lapisan melalui perwakilan acara. Proses penyampaian ini adalah apa yang dipanggil "aliran peristiwa". Dalam fasa tangkapan, acara akan bermula dari elemen paling luar dan diturunkan lapisan demi lapisan melalui delegasi acara sehingga elemen sasaran ditemui. Dalam proses ini, setiap lapisan elemen akan mencetuskan pengendali acara yang sepadan. Pengendali acara ini boleh ditakrifkan oleh pembangun sendiri, atau disediakan oleh penyemak imbas secara lalai.

Dalam fasa tangkapan, pengendali acara dilaksanakan secara berurutan dari elemen paling luar ke elemen sasaran. Tertib ini ditentukan oleh arah aliran peristiwa. Pembangun boleh melakukan beberapa operasi prapemprosesan semasa fasa tangkapan, seperti mendapatkan maklumat kontekstual apabila peristiwa berlaku, melakukan beberapa pengesahan yang diperlukan, dsb. Jika anda perlu menghalang penghantaran acara selanjutnya pada peringkat ini, anda boleh memanggil kaedah event.stopPropagation() untuk membatalkan gelagat lalai acara dan menghalang acara daripada terus diturunkan.

Sasaran:

Selepas fasa tangkapan, acara dihantar ke elemen sasaran. Elemen sasaran merujuk kepada elemen khusus yang dikaitkan dengan acara, seperti butang, pautan, dsb. yang diklik oleh pengguna. Apabila acara mencapai elemen sasaran, pengendali peristiwa yang terikat pada elemen sasaran akan dicetuskan. Pengendali ini biasanya ditakrifkan oleh pembangun sendiri dan digunakan untuk mengendalikan acara yang berkaitan dengan elemen sasaran.

Dalam pengendali acara elemen sasaran, pembangun boleh melakukan beberapa operasi tertentu, seperti mengubah suai sifat elemen sasaran, memanggil fungsi tertentu, dsb. Peringkat ini merupakan salah satu peringkat terpenting dalam proses pengendalian acara kerana ia adalah peringkat yang mengendalikan interaksi pengguna secara langsung. Pembangun boleh menambah logik tersuai dalam pengendali acara elemen sasaran seperti yang diperlukan untuk memenuhi keperluan sebenar.

Bubbling:

Fasa menggelegak adalah peringkat terakhir dalam proses pemprosesan acara. Apabila pengendali acara elemen sasaran menyelesaikan pelaksanaan, acara akan mula menggelembung ke atas, melepasi lapisan demi lapisan sehingga elemen paling luar. Semasa proses ini, setiap lapisan elemen akan mencetuskan pengendali peristiwa yang sepadan sekali lagi. Pengendali acara ini dihantar dalam susunan terbalik dari fasa tangkapan, bermula dengan elemen sasaran dan meneruskannya.

Peringkat menggelegak biasanya digunakan untuk melaksanakan beberapa operasi pasca pemprosesan, seperti kesan animasi, pemberitahuan elemen lain, dsb. Jika anda perlu menghalang penghantaran acara selanjutnya semasa fasa ini, anda boleh memanggil kaedah event.stopImmediatePropagation() untuk membatalkan acara menggelegak selanjutnya pada elemen semasa dan menghalang pengendali acara lain daripada melaksanakan.

Ringkasnya, tiga peringkat tangkapan acara ialah peringkat tangkapan, elemen sasaran dan peringkat menggelegak. Dalam fasa tangkapan, peristiwa diturunkan lapisan demi lapisan bermula dari elemen paling luar Pembangun boleh melakukan beberapa operasi prapemprosesan dalam peringkat ini dan menghalang penghantaran peristiwa selanjutnya dalam peringkat elemen sasaran, peristiwa itu mencapai elemen sasaran dan dicetuskan. Menurut pengendali peristiwa yang sepadan, pembangun boleh melakukan beberapa operasi khusus dalam peringkat ini, dalam peringkat menggelegak, peristiwa diteruskan lapisan demi lapisan bermula dari elemen sasaran, dan pembangun boleh melakukan beberapa operasi pasca pemprosesan dalam peringkat ini dan Cegah selanjutnya; penghantaran peristiwa.

Atas ialah kandungan terperinci Apakah peringkat tangkapan acara?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!