1. 事件流描述的是从页面中接收事件的顺序

3. 事件捕获：不太具体的节点（document根节点）更早接收到事件，最具体的节点最后接收到事件，刚好与冒泡相反

1. 事件捕获阶段：首先发生，为截获事件提供机会

3. 事件冒泡阶段：在这个阶段对事件作出相应

5. 事件处理程序：响应某个事件的处理函数就是事件处理函数

2. 这两个方法接受3个参数：（事件名，处理函数，[,布尔值]）。布尔值默认为false，表示在冒泡阶段调用事件处理函数，true表示在捕获阶段调用事件处理函数

 btn.addEventListener('click' , function{} , false)
 //可添加多个事件处理函数
 //移除↓
 btn.removeEventListener('click' , handler [, false])//移除的事件处理函数不能是匿名函数

1. currentTarget:绑定事件处理函数的那个目标。在事件处理程序内部，this始终等于currentTarget的值

3. type：事件的类型：是click，还是mouseover……当需要一个函数处理多种事件时可以：

    var handler = function(event){
 switch(event.type){
 case 'click':
 function{}
 break;
  case 'mouseover':
 function{}
 break;
  case 'mouseout':
 function{}
 break;
   }
 }

 btn.onclick = handler;
 btn.mouseover = handler;
 btn.mouseout = handler;

5. stopPropagation:停止事件传播，取消以后事件的捕获和冒泡

7. 主要的事件类型：

1. load事件：页面完全加载后（包括所有图像、js、css等外部资源）触发。图像上也可以触发本事件

3. resize事件：浏览器窗口宽高变动（包括最大化最小化）

2. 焦点事件：（最常用的）

2. blur

1. click

3. mousemove

5. …………

7. event.pageX/Y:事件发生时，鼠标指针位置在**页面中**的坐标

4. 滚轮事件

5. 文本事件

6. 键盘事件

2. keypress：按下键盘字符键触发，按住不放重复触发

7. 合成事件：基本无用

9. 设备事件：

2. devicemotion事件：设备移动

1. touchstart

3. touchend：手指从屏幕移开时触发

5. gesturechange：

8. 事件代理【重点】：

2. 事件代理利用了事件冒泡原理，只指定一个事件处理程序，用来管理所有类型的所有事件。比如：可以为整个页面指定一个click事件处理函数，而不用给每个需要单击的元素分别添加事件处理函数

 <ul>
 <li id = 'li1'></li>
 <li id = 'li2'></li>
 <li id = 'li3'></li>
 </ul>
 //为每个li元素都添加一个事件处理函数，太麻烦。只需要给DOM树中尽量最高层添加事件处理函数
 EventUtil.addHandler(ul , 'click'  ,handler);
  function handler(event){
 switch(event.target.id){
 case 'li1':
 function{};
 break;

 case 'li2':
 function{};
 break;

 case 'li3':
 function{};
 break;
 }
 }

 ------------------解析------------------