事件冒泡和冒泡的阻止

2021-10-03 09:13:47 字數 465 閱讀 3443

事件冒泡概念:當元素觸發了事件的時候,會依次向上觸發所有元素的相同事件。

事件冒泡的行為演示

我是a 我是b

我是c

上面這段**一共有三個事件,三個div都分別繫結了單擊事件。在頁面中當單擊c會連續彈出3個提示框。這就是事件冒泡引起的現象。事件冒 泡的過程是:c --> b --> a 。c冒泡到b冒泡到a。

冒泡的阻止

方法:1.event.stoppropagation(); 是事件物件event的乙個方法,作用是阻止目標元素事件冒泡到父級元素 2.event.cancelbubble = true; ie瀏覽器的方法

我是a 我是b

我是c

阻止事件冒泡

事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合w3c標準的event.stoppropagation 和ie瀏覽器下的window.event.cancelbubble true 上述 注釋中標註了阻止事件冒泡的方法,下面是針對兩種方法的封裝 function stopbubble...

阻止事件冒泡

js div li click function e div ul click function e div click function e 說明 1.事件冒泡就是觸發孩子事件時,如果他的父親也有個事件,那麼他執行孩子事件後還會執行父親的事件。2,在孩子節點執行完,return false 這樣就...

阻止事件冒泡

因為我的 ui checkbox new 是頁面新新增的元素,所以在繫結事件的時候,就用on。在在用on繫結事件的時候,這個click事件會觸發兩次。用alert函式測試的時候,1 11 1 11 在網上尋找解決方法 在 中加入return false 阻止冒泡事件後,程式就可以正常執行,不會執行兩...