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);