事件發生時會在元素節點與根節點之間按照特定的順序傳播,路徑所通過的全部節點都會收到該事件,這個傳播過程即DOM事件流。瀏覽器
1.冒泡型事件流:事件的傳播是從最特定的事件目標到最不特定的事件目標。即從DOM樹的葉子到根函數
2.捕獲型事件流:事件的傳播是從最不特定的事件目標到最特定的事件目標。即從DOM樹的根到葉子spa
3.綁定事件的方法事件
1.普通瀏覽器 rem
綁定事件:addEventListener(type,name,bool); io
刪除事件:removeEventListener()event
2.ie 低版本 class
綁定事件:attachEvent()cli
刪除事件:detachEvent()List
4.參數說明
type 事件類型 例如:click load
name 事件執行函數
bool true 爲事件捕獲 && false 爲事件冒泡
5.阻止事件冒泡和 事件捕獲
1.阻止事件冒泡 不 阻止默認行爲
event.stopPropagation();
2.阻止事件冒泡 和 默認行爲
return false
3.阻止默認行爲 不 阻止事件冒泡
event.preventDefault();