Няколко обработчика на елемент в 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('червен');
});

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