Бастандани афзуншавии рӯйдодҳо дар JavaScript

Афзуншавии рӯйдодро метавон дар ҳар як унсуре, ки рӯйдод аз он афзун мешавад, ист кард. Барои ин дар рамзи унсур бояд усули stopPropagation аз объекти Event даъват карда шавад.

Дар мисоли зерин, клик кардан ба блоки сурх дар худи он кор мекунад, сипас дар блоки кабуд ва тамом - блоки кабуд афзуншавии минбаъдаро ист мекунад ва блоки сабз дигар ҳеҷ гуна пасокси нахоҳад дод:

elem1.addEventListener('click', function() {
	console.log('сабз');
});
elem2.addEventListener('click', function(event) {
	console.log('кабуд');
	event.stopPropagation(); // афзуншавиро меистем
});
elem3.addEventListener('click', function() {
	console.log('сурх');
});

Метавонед санҷед: