事件有三個階段:
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屬性可以檢視觸發顯示的階段 ...