事件
事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接受事件的顺序。IE9，chrome，Firefox，Opera，Safari均实现了DOM2级规范中定义的标准DOM事件，而IE8和IE8以下版本仍然保留专有的事件处理方式。IE的事件流是事件冒泡流，而 Netscape
Communicator 的事件流是事件捕获。
事件冒泡
事件开始时由最具体的元素（文档中嵌套最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。
<body>
<div id='div'>
click
</div>
</body>
如果点击了 页面中的div元素 ，click事件的传播顺序是：
- div
- body
- html
- document
所有现代浏览器都支持事件冒泡。
事件捕获
事件捕获是由Netscape Communicator团队提出来的，是先由最上一级的节点先接收事件，然后向下传播到具体的节点。
顺序相反。
DOM事件流
"DOM2级事件”规定的事件流包含三个阶段：事件捕获阶段，处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，然后是实际的目标接收到事件，最后阶段是冒泡阶段。以上面的HTML页面为例，单击
元素将按照下图触发事件
<script type="text/javascript">var div=document.getElementById("myDiv");
div.onclick=function(event){
alert("div");
};
document.body.addEventListener("click",function(event){
alert("event bubble");
},false);
document.body.addEventListener("click",function(event){
alert("event catch");
},true);
script>
将先输出“event catch”，再输出“div”，最后输出“event bubble”。
事件处理程序
事件是用户或浏览器自身执行的某种动作，而响应某个事件的函数叫做事件处理程序。HTML事件处理程序、DOM0级事件处理程序和IE事件处理程序均以“on”开头，DOM2级事件处理程序不需要加“on”。
DOM0级事件处理程序
通过Javascript指定事件处理程序的传统方式，所有浏览器均支持。每个元素（包括window，document）都有自己的事件处理程序属性，但是必须在DOM节点加载完之后才会有效。如下所示：
使用DOM0级方法指定的事件处理程序被认为是元素的方法，在元素的作用域中运行。this引用当前元素。
删除通过DOM0级方法指定的事件处理程序：div.onclick=null;
DOM2级事件处理程序
IE9，chrome，Firefox，Opera，Safari均实现了DOM2级事件处理程序，绑定事件方法addEventListener()接收三个参数：事件名称，事件处理函数和一个布尔值。布尔值为true，则表示在捕获阶段调用事件处理程序；如果为false，则表示在冒泡阶段调用事件处理程序。addEventListener允许在同一个元素上添加多个事件处理程序。
删除DOM2级事件处理程序，采用removeEventListener()，删除时传入的参数必须和绑定时传入的参数相同，不能传入匿名函数
事件类型
- UI 事件 （用户与页面元素交互发生）
- 鼠标事件
- 键盘事件
- HTML事件（浏览器窗口发生变化或发生特定的客户端/服务器交互）
- 变动（mutation）事件 （底层DOM结构发生改变）
