Peristiwa dalam JS menggelegak secara default dan disebarkan berlapis -lapis. Anda dapat menghentikan penyebaran peristiwa di tingkat DOM melalui fungsi stoppropagation (). Seperti dalam contoh berikut:
Kode HTML:
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> stoppropagation ()-Digunakan oleh qonftai blog </title> </head> <bodel> </tombol </body> </body = </html> [/kode] tidak ada stoppropagation () [) </body = </html> [/code] Tidak ada stoppropagation () [) </body = </html> [/code] Tidak ada stoppropagation () [) [BODS = </html> [/code tidak ada stoppropagation () [) [BOGHT = </html> [/code No StopproPagation () [) [) [] [BOGKEP document.geteLementsbyTagname ('tombol') [0]; tombol document.body.onClick = function (event) {alert ('body clik');}DOM menyebarkan lapisan demi lapis, jadi mengklik tombol juga menyebar ke lapisan tubuh, sehingga klik lapisan tubuh juga merespons. Akibatnya, dua kotak peringatan muncul, yaitu tombol dan tubuh.
Menambahkan stoppropagation ()
var button = document.geteLementsbyTagname ('tombol') [0]; tombol // hentikan acara perambatan hierarki acara dom.stoppropagation ();}; document.body.onClick = function (event) {alert ('body clik');}Fungsi stoppropagation () digunakan dalam fungsi penanganan acara klik tombol untuk menghentikan fungsi perambatan acara, jadi setelah kotak peringatan dari acara klik tombol muncul, tubuh tidak dapat disebarkan, dan kotak peringatan tubuh tidak akan muncul lagi. Akibatnya, kotak peringatan hanya dibahas sekali.
Saat menulis JS, banyak sepatu anak -anak sering mengabaikan karakteristik peristiwa DOM yang menyebarkan lapisan demi lapis, yang mengakibatkan kelainan dalam program ini. Jika Anda perlu mengetahui lebih banyak pengetahuan mendalam, Anda dapat menemukan informasi tentang gelembung acara JS.