js阻止事件冒泡

2022-07-20 09:03:09 字數 758 閱讀 5285

比如上面這個頁面,

分為三層:divone是第外層,divtwo中間層,hr_three是最裡層;

他們都有各自的click事件,最裡層a標籤還有href屬性。

執行頁面,點選「點選我」,會依次彈出:我是最裡層---->我是中間層---->我是最外層

這就是事件冒泡,本來我只點選id為hr_three的標籤,但是確執行了三個alert操作。

事件冒泡過程(以標籤id表示):hr_three----> divtwo----> divone 。從最裡層冒泡到最外層。

如何來阻止?

1.event.stoppropagation(); 

$(function() );

});2.return false;

如果頭部加入的是以下**

$(function() );

});

由此可以看出:

1.event.stoppropagation(); 

事件處理過程中,阻止了事件冒泡,但不會阻擊預設行為(它就執行了超連結的跳轉)

2.return false;

事件處理過程中,阻止了事件冒泡,也阻止了預設行為(比如剛才它就沒有執行超連結的跳轉)

還有一種有冒泡有關的:

3.event.preventdefault(); 

如果把它放在頭部a標籤的click事件中,點選「點選我」。

js阻止事件冒泡

今天遇到乙個小問題 li div div本身有click事件 然後li也有click事件 當觸發li標籤的click事件時,div的click事件也會觸發 因此加了e.stoppropagation 來阻止事件冒泡 但是firefox對e不相容,於是加了e e window.event e e wi...

JS阻止事件冒泡,阻止預設事件

1 event.stoppropagation 阻止冒泡事件,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個鏈結,這個鏈結仍然會被開啟 2 event.preventdefault 阻止預設事件,呼叫此方法是,鏈結不會被開啟,但是會發生冒泡,冒泡會傳遞到...

js時間冒泡,阻止事件冒泡

首先解釋一下事件冒泡神什麼,在js中,假如在div中巢狀乙個div 如 style type text css box1 box2 box3 box4 box5 style body div id box1 div id box2 div id box3 div id box4 div id box...