Некалькі апрацоўшчыкаў на элеменце ў 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('чырвоны');
});

Можаце праверыць: