Event.stopPropagation()

Event.stopPropagation() - зупиняє спливаючі (бульбашкові) події.

Синтаксис:

Event.stopPropagation();

Параметри:

Event - об'єкт Event.

Опис:

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

Приклад:

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

div1

div2

div3

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

test_b

document.getElementById('test_div').onclick=function(){alert('Клік по div_test');}
document.getElementById('test_b').onclick=function(e){e.stopPropagation(); alert('Клік по test_b, і зупинення подальшої події onckick');}