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('қызыл');
});

Тексере аласыз: