DOM 事件模型或 DOM 事件機制

1. 什麼是DOM？

DOM文檔對象模型，以根元素開頭展開成一顆樹，描述了處理網頁內容的方法和接口。最根本對象是document（window.document）。

2. 什麼是DOM事件？

舉例，click就是一個事件，能夠在後面綁定函數執行功能。事件能夠在文檔(Document)結構的任何部分被觸發，觸發者能夠是用戶操做，也能夠是瀏覽器自己。事件並非只是在一處被觸發和終止；他們在整個document中流動，擁有它們本身的生命週期。

3. DOM事件模型和DOM事件機制

DOM事件模型自己就是解釋元素有綁定函數執行順序。

舉例，圖中[td]被點擊，其上節點[tr]到[window]均可以加上onclick事件去執行函數。函數執行順序分兩種，從[window]到[tr]定義爲捕獲，從[tr]到[window]定義爲冒泡。

用哪一種順序？能夠經過addEventListener的第三個參數控制

e.addEventLisenter('click',f2,true) // true按捕獲方向執行函數

e.addEventLisenter('click',f2,false) // false按冒泡方向執行函數

4. 阻止事件冒泡

e.stopPropagation()能夠中斷冒泡。這票幹完就不通知後面的人了，狹義的說即掛在冒泡順序裏的監聽函數不被執行。

捕獲沒法取消，由於DOM是一顆樹，根必定在的。只有順着根不斷髮展。