js 事件的階段

2022-06-27 14:24:09 字數 722 閱讀 9957

事件有三個階段:

1.事件捕獲階段 :從外向內

2.事件目標階段 :最開始選擇的那個

3.事件冒泡階段 : 從裡向外

為元素繫結事件

addeventlistener("沒有on的事件型別",事件處理函式,控制事件階段的)

事件觸發的過程中,可能會出現事件冒泡的效果,為了阻止事件冒泡--->

1、window.event.cancelbubble=true;谷歌,ie8支援,火狐不支援

window.event就是乙個物件,是ie中的標準

2、e.stoppropagation();阻止事件冒泡---->谷歌和火狐支援

window.event和e都是事件引數物件,乙個是ie的標準,乙個是火狐的標準

事件引數e在ie8的瀏覽器中是不存在,此時用window.event來代替

addeventlistener中第三個引數是控制事件階段的

事件的階段有三個:

通過e.eventphase這個屬性可以知道當前的事件是什麼階段你的

如果這個屬性的值是:

1---->捕獲階段

2---->目標階段

3---->冒泡階段

一般同時只能出現1-2 、2-3 不可能同時出現1-3

一般預設都是冒泡階段,很少用捕獲階段 所有 addeventlistener中第三個引數(false)

冒泡階段:從裡向外

捕獲階段:從外向內

JS事件階段

為元素繫結事件 addeventlistener 沒有on的事件型別 事件處理函式,控制事件階段的 事件觸發的過程中,可能會出現事件冒泡的效果,為了阻止事件冒泡 window.event.cancelbubble true 谷歌,ie8支援,火狐不支援 window.event就是乙個物件,是ie中...

web事件的階段

事件的階段 1.捕獲階段 由外到內 2.目標階段 選擇的那個 3.冒泡階段 由內到外 e.eventphase 檢視事件觸發時顯示的階段 1 捕獲階段 2 目標階段 3 冒泡階段 addeventlistener 事件的型別,事件處理函式,控制事件階段的 第三個引數為false 冒泡,如果為true...

事件的三個階段

事件冒泡 多個元素巢狀關係,這些元素都註冊了相同的事件型別,那麼,如果我們觸發了最裡面的元素的事件,外面的所有的元素的事件也會自動觸發,這種行為叫事件冒泡 事件的階段 1.捕獲階段 由外向內 2.當前目標階段 選擇觸發事件 3.冒泡階段 由內向外 e.eventphase屬性可以檢視觸發顯示的階段 ...