Postingan lainnya
perbedaan bubbling dan capturing
gan saya masih bingung dengan event bubbling dan capturing di javascript saya cari di mbah semuanya pakai bahasa inggris jadi pas saya baca saya kurang paham ada yang bisa jelasin gk apa itu event bubbling dan capturing kalau bisa contohin terima kasih sebelumnya
3 Jawaban:
Jawaban Terpilih
Kalau event bubbling mungkin link ini https://www.youtube.com/watch?v=a_JFfPHTAf4 bisa membantu gan
Sejauh yang saya tangkep, bedanya capturing itu menjalankan handler dari atas ke bawah (dari root/document sampai ke target), sedangkan bubbling itu dari bawah ke atas (dari target ke parent dan seterusnya). Secara umum yang dipake adalah bubbling (yang di klik ya yang jalan duluan). Kalo ingin menggunakan capturing pada addEventListener di tambah satu lagi parameter di belakangnya dengan nilai true:
elem.addEventListener("click", e => alert(`Capturing: ${elem.tagName}`), true);
setelah saya pelajarin mereka itu kebalikannya, kalo bubbling itu dari anak ke nene moyang , tapi kalo capturing itu dari nenek moyang (window) ke anak cucu
https://javascript.info/article/bubbling-and-capturing/eventflow.png
