dom事件流

dom事件流 定義 dom結構是一個樹形結構，當一個html元素產生事件時，該事件會在所在元素的結點與根節點進行傳播，路徑所通過的結點都能觸發該事件；這個傳播過程叫作dom事件流

dom事件流分爲三個階段 

1. 事件捕獲階段

2. 處於目標階段

3. 事件冒泡階段

事件冒泡，和事件捕獲

事件冒泡 從btn元素到document元素

 btn.addEventListener("click",function(){

 console.log("你點擊了ID爲btn的button元素！"); },false);

事件冒泡阻止

event.stopPropagation();    經過使用 stopPropagation() 方法只阻止一個事件起泡。
cancelBubble屬性爲true。ie 

jq return false 經過返回false來取消默認的行爲並阻止事件起泡。

jq event.preventDefault()   經過使用 preventDefault() 方法只取消默認的行爲。

事件捕獲 從documen到btn元素

btn.addEventListener("click",function(){ console.log("你點擊了ID爲btn的button元素！"); },true);