事件流描述了页面中的元素接收到事件的顺序。事件流分为：事件冒泡与事件捕获
1. 事件冒泡
事件冒泡是IE的开发团队提出的，它定义了事件首先由最具体的元素接收，然后逐级冒泡到上级元素。
2. 事件捕获
事件捕获定义了事件首先由最外层的元素（window）接收，然后才是下级元素。
注意：主流的高版本浏览器都支持这两种事件流，但由于老版本的浏览器不支持事件捕获，所有更多的使用的还是事件冒泡.
DOM2级事件规定的事件流包括三个阶段：
1. 事件捕获阶段
2. 处于目标阶段
3. 事件冒泡阶段
首先发生的是事件捕获，在这个阶段为外层的元素截获事件提供了机会，然后就是实际的事件目标接收到了事件，最后才是冒泡阶段，在这个阶段可以对事件进行响应（触发事件监听器）。
<div>
<a href="#">l am a link</a>
</div>
var div = document.querySelector('div');
var a = document.querySelector('a');
a.addEventListener('click',function(){
console.log('bubble')
},false); //兼容性问题，大多将监听器添加在冒泡阶段
div.addEventListener('click',function(e){
console.log('capture')
},true); //为元素div绑定事件处理函数，该事件将在事件捕获阶段触发，早于a元素。
打开浏览器，点击元素a，打开控制台，你将看到依次输出：capture,bubble。可以看到，外层元素截获了事件，早于真正的事件目标触发。
