JavaScript-те оқиғалардың көтерілуін тоқтату

Оқиғаның көтерілуін кез келген элементте тоқтатуға болады, ол арқылы оқиға көтеріледі. Ол үшін элемент кодында Event объектісінің stopPropagation әдісін шақыру керек.

Келесі мысалда қызыл блокты басу олдың өзінде жұмыс істейді, содан кейін көк блокта және бәрі - көк блок одан әрі көтерілуді тоқтатады және жасыл блок ешқандай реакция көрсетпейді:

elem1.addEventListener('click', function() {
	console.log('жасыл');
});
elem2.addEventListener('click', function(event) {
	console.log('көк');
	event.stopPropagation(); // көтерілуді тоқтатамыз
});
elem3.addEventListener('click', function() {
	console.log('қызыл');
});

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