事件的冒泡

2021-10-07 02:31:41 字數 445 閱讀 9787

眾所周知如果乙個子元素裡觸發乙個事件的話,父級元素也會被觸發相類別的事件,這種就叫做事件的冒泡:

"wrap"

>

wrap

"box"

>

box<

/div>

<

/div>

(function()

box.

onclick

=function()

})()

;<

/script>這裡會同時列印box和wrap

那麼我們要怎麼樣才能阻止冒泡呢:其實在函式裡有個event物件,提供了**stoppropagation()**的方法,

事件冒泡,事件捕獲

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 冒泡...

事件冒泡和冒泡的阻止

事件冒泡概念 當元素觸發了事件的時候,會依次向上觸發所有元素的相同事件。事件冒泡的行為演示 我是a 我是b 我是c上面這段 一共有三個事件,三個div都分別繫結了單擊事件。在頁面中當單擊c會連續彈出3個提示框。這就是事件冒泡引起的現象。事件冒 泡的過程是 c b a c冒泡到b冒泡到a。冒泡的阻止 ...