DOM 事件流,以及阻止冒泡

2021-10-09 05:21:31 字數 375 閱讀 6705

dom 事件流共有三個階段 :

1、 事件捕獲階段:當事件發生的時候,事件從window開始依次往子元素傳遞

注意:在整個捕獲的過程中,如果父元素有同類事件也會被一併觸發

(2) 確定目標階段:找到目標

(3) 事件冒泡階段:從事件目標開始處理事件,處理完以後依次往父元素傳遞,一直傳到window

(1) 在標準瀏覽器中:事件物件.stoppropagation()

(2) 在ie8-瀏覽器中:事件物件.cancelbubble = true

(3) 處理相容:

ev.stoppropagation ? ev.stoppropagation() : ev.cancelbubble=true;

阻止事件冒泡

事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合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 阻止冒泡事件後,程式就可以正常執行,不會執行兩...