Бастандани афзуншавии рӯйдодҳо дар JavaScript
Афзуншавии рӯйдодро метавон дар ҳар як
унсуре, ки рӯйдод аз он афзун мешавад, ист кард.
Барои ин дар рамзи унсур бояд усули stopPropagation аз объекти Event даъват карда шавад.
Дар мисоли зерин, клик кардан ба блоки сурх дар худи он кор мекунад, сипас дар блоки кабуд ва тамом - блоки кабуд афзуншавии минбаъдаро ист мекунад ва блоки сабз дигар ҳеҷ гуна пасокси нахоҳад дод:
elem1.addEventListener('click', function() {
console.log('сабз');
});
elem2.addEventListener('click', function(event) {
console.log('кабуд');
event.stopPropagation(); // афзуншавиро меистем
});
elem3.addEventListener('click', function() {
console.log('сурх');
});
Метавонед санҷед: