避免事件冒泡

2021-07-31 17:41:23 字數 668 閱讀 1142

charset="utf-8">

避免事件冒泡title>

#box1

#box2

#box3

style>

head>

id="box1">

id="box2">

id="box3">

div>

div>

div>

body>

/* * 避免事件冒泡,需要在函式處新增上乙個引數(e|ev),然後使用e.cancelbubble對冒泡事件進行處理,賦值true禁止

* 事件冒泡,如果是false允許事件冒泡(預設)

* * 1. 允許多個操作集中在一起處理

* 2. 讓不同的物件捕獲同乙個事件,並呼叫自己的專屬程式做自己的事情

*/document.getelementbyid('box1').onclick = function

(e);

document.getelementbyid('box2').onclick = function

(e);

document.getelementbyid('box3').onclick = function

(e);

script>

html>

事件冒泡,事件捕獲

js事件流中有一種事件被稱為 冒泡事件 當乙個元素被觸發乙個事件時,該目標元素上的事件會優先被執行,然後向外傳播到每個祖先元素,恰如水裡的乙個泡泡似的,從產生就一直往上冒,到達水平面時,它才消失。在這個過程中,如果你只希望觸發目標元素上的事件,而不想它傳播到祖先元素上去,那麼你需要在 泡泡 離開物件...

事件捕獲 事件冒泡

body div id div1 div id div2 div id div3 div div div body script window.onload function odiv1.onclick fn1 odiv2.onclick fn1 odiv3.onclick fn1 false 冒泡...

事件流 事件捕獲?事件冒泡?

事件流 從頁面中接收事件的順序。也就是說當乙個事件產生時,這個事件的傳播過程,就是事件流。ie中的事件流叫事件冒泡 事件冒泡 事件開始時由最具體的元素接收,然後逐級向上傳播到較為不具體的節點 文件 對於html來說,就是當乙個元素產生了乙個事件,它會把這個事件傳遞給它的父元素,父元素接收到了之後,還...