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');}