Прекинување на ширењето на настани во JavaScript

Ширењето на настанот може да се прекине на кој било елемент низ кој ширењето на настанот поминува. За да го направите ова, во кодот на елементот треба да се повика методот stopPropagation на објектот Event.

Во следниот пример, кликот на црвениот блок ќе се активира на самиот него, потоа на синиот блок и тоа е се - синиот блок го прекратува понатамошното ширење и зелениот блок веќе нема да реагира на никаков начин:

elem1.addEventListener('click', function() {
	console.log('зелен');
});
elem2.addEventListener('click', function(event) {
	console.log('син');
	event.stopPropagation(); // го запираме ширењето
});
elem3.addEventListener('click', function() {
	console.log('црвен');
});

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