Voqealarning yoyilishi va ushlash nima? Yoyilishni qanday bekor qilish mumkin?

DOMda voqealar tarqalishining ikki bosqichi — bubbling (pufaklanish) va capturing (yig'ish) mavjud.

• Yig'ish (capturing) — voqea avval hujjatning ildizidan maqsadli elementgacha pastga o'tadi.
• Pufaklanish (bubbling) — maqsadli elementga yetgach, voqea DOM hierarxiyasida yuqoriga ko'tarila boshlaydi.

Standart holda, voqealarni boshqaruvchilar pufaklanish bosqichida ishga tushadi.

Voqeani pufaklanishni to'xtatish va DOM bo'ylab yuqoriga tarqalishini oldini olish uchun event.stopPropagation() metodidan foydalaniladi.

Misol:

button.addEventListener('click', function(event) {
  event.stopPropagation(); // Voqea pufaklanishini to'xtatadi
  console.log('Nuttona bosildi');
});