Прекидање преношења догађаја у JavaScript-у

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

У следећем примеру клик на црвени блок ће се активирати на њему самом, затим на плавом блоку и то је све - плави блок зауставља даље пренoшење и зелени блок се више неће огласити:

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

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