JavaScript事件模型

1.JS事件模型

##1 事件捕获：
1.结构上嵌套的元素，会存在事件捕获，即同一事件自父元素捕获到子元素。
2.IE没有捕获事件
3.一个事件的的事件类型，只能存在一个事件处理模型（冒泡或捕获）
obj.addEventListener(type, fn, true);第三个参数为 true 就是事件捕获

2.事件冒泡

1.结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子
元素冒泡向父元素。
结构上存在父子关系的元素，如果点击到子元素，会一级级向父元素传递这个事件
（从代码的角度是自底向上一层层冒泡的）

3.focus，blur，change，submit，reset，select，mouseenter，mouseleave 等事件不冒泡

4.取消冒泡

w3c标准e.stopPropagation（）但是不支持ie9以下
IE独有：IE 独有 event.cancelBubble = true;