事件处理程序模型，事件的冒泡和捕获

1、事件冒泡

结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上）

2、事件捕获

结构上（非视觉上）嵌套关系的元素，会存在事件捕获的功能，即同一事件，自父元素捕获至子元素（事件源元素）。（自顶向下）
// 将addEventListener的第三个参数设置为true则可启用事件捕捉模型
// ie8以下由于不支持addEventListener，故没有事件捕获的事件处理模型
// focus,blur,change,submit,reset,select等事件不冒泡

3、事件的三个阶段

a) 先捕获，后目标，再冒泡

//对于目标元素而言，不存在事件处理模型，事件触发则执行，先绑定谁就执行谁
b) 默认在冒泡的时候执行事件（onclick/attach 和 addEventListener传false的时候）
c) addEventListener绑定事件，如果把第三个参数设置为true，则在捕捉的时候执行事件
d) 整个事件处理过程，会有个event事件对象在整个事件过程传播（W3C标准，ie8及其以下没有）