Event.stopImmediatePropagation()

Event.stopImmediatePropagation() - зупиняє наступні події включаючи події поточного елемента.

Синтаксис:

Event.stopImmediatePropagation();

Параметри:

Event - об'єкт Event.

Опис:

stopImmediatePropagation() метод об'єкту Event який зупиняє всі наступні події по верху дерева DOM включаючи події поточного які є у списку подій.

Події додаються у список методом addEventListener()

Приклад:

Якщо клікнути по div3 то подія onclick спочатку визивається на div3, потім на div2 і потім div1. Метод stopImmediatePropagation() зупиняє таку цепочку подій і подію поточного елементна яку додали методом addEventListener().

div1

div2

div3

function test(e){
if(confirm( 'onclick подія на елементі '+e.currentTarget.id+', визвати метод stopImmediatePropagation?'))
e.stopImmediatePropagation();
}
document.getElementById("div1").onclick=test;
document.getElementById("div2").onclick=test;
document.getElementById("div3").onclick=test;
document.getElementById("div3").addEventListener("click",function(){alert(" onclick додана через addEventListener");
});