Մի քանի իրադարձությունների մշակիչներ տարրի վրա JavaScript-ում

Եթե տարրն ունի մի քանի մշակիչ մեկ իրադարձության համար, ապա նույնիսկ բարձրացումը դադարեցնելու դեպքում դրանք բոլորը կկատարվեն: Այսինքն, stopPropagation կանխում է իրադարձության առաջխաղացումը, բայց ընթացիկ տարրի վրա բոլոր մշակիչները կաշխատեն: Տեսեք օրինակ.

elem1.addEventListener('click', function() {
	console.log('կանաչ');
});
elem2.addEventListener('click', function(event) {
	console.log('երկնագույն - առաջին մշակիչ');
	event.stopPropagation(); // կանգնեցնել բարձրացումը
});
elem2.addEventListener('click', function() {
	console.log('երկնագույն - երկրորդ մշակիչ'); // այնուամենայնիվ կաշխատի
});
elem3.addEventListener('click', function() {
	console.log('կարմիր');
});

Կարող եք ստուգել.