事件流

事件流

概述：事件流指代的是事件的執行流程，多個盒子嵌套相同事件，這個時候你觸發一個盒子的事件，並不會只執行一個盒子的事件的處理函數，而是全部執行。

事件流的倆種模式

冒泡模式（瀏覽器採用的）

冒泡模式指代的是事件從裡到外逐個執行

阻止事件冒泡

e.stopPropagation() 函數 （*）（stop）

e.stopPropagation() 函數 （*）（stop）

相容寫法

e.stopPropagation?e.stopPropagation():e.cancelBubble = true

捕獲模式

捕獲模式指代的是事件從外到里逐個執行

預設行為

就是一個元素會自帶的行為稱為預設行為 a標簽的預設行為會跳轉 form標簽裡面submit按鈕預設會提交（刷新頁面）滑鼠右鍵會出現一個菜單欄 等等一系列的問題

有些時候我們不需要這些行為的產生 那麼我們就需要阻止預設行為

阻止預設行為的js實現

e.preventDefault() 函數 （*） （prevent）

e.returnValue = false ie的相容

return false 直接結束對應的操作

e.preventDefault?e.preventDefault():e.returnValue = false //相容