Више од једног руковаоца догађајима на елементу у 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('црвени');
});

Можете проверити: