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

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