## 事件機制 DOM事件模型：事件捕獲階段、目標階段、事件冒泡階段。 *IE10及以下不支持捕獲型事件* #### 相關方法 **addEventListener(event, listener, useCapture)** 參數定義：event---（事件名稱，如click，不帶on），listener---事件監聽函數，useCapture---是否采用事件捕獲進行事件捕捉，默認為false，即采用事件冒泡方式 > addEventListener在 IE11、Chrome 、Firefox、Safari等瀏覽器都得到支持。 **attachEvent(event,listener)** 參數定義：event---（事件名稱，如onclick，帶on），listener---事件監聽函數。 *attachEvent主要用于IE瀏覽器，并且僅在IE10及以下才支持* **preventDefault()** 阻止事件默認行為 **stopPropagation()** 阻止事件冒泡 ## 事件捕獲（event capturing） 當鼠標點擊或者觸發dom事件時，瀏覽器會從根節點開始由外到內進行事件傳播，即點擊了子元素，如果父元素通過事件捕獲方式注冊了對應的事件的話，會先觸發父元素綁定的事件。 ## 事件冒泡（dubbed bubbling） 與事件捕獲恰恰相反，事件冒泡順序是由內到外進行事件傳播，直到根節點。 ## 事件委托 利用事件捕獲和事件委托的原理，不直接在需要觸發的元素上綁定事件，而是在其父元素或者子元素上添加監聽事件并判斷觸發元素，從而執行相關方法。 ```js parent.onclick = function(e){ if(e.target.id == "child"){ console.log("您點擊了child元素") } } ``` ## 自定義事件 [實例](https://segmentfault.com/a/1190000008778993)