Web API（三）之事件流&事件委托&其他事件

进一步学习 事件进阶，实现更多交互的网页特效，结合事件流的特征优化事件执行的效率

• 掌握阻止事件冒泡的方法
• 理解事件委托的实现原理

事件流

事件流指的是事件完整执行过程中的流动路径

如上图所示，任意事件被触发时总会经历两个阶段：【捕获阶段】和【冒泡阶段】。

简言之，捕获阶段是【从父到子】的传导过程，冒泡阶段是【从子向父】的传导过程。

捕获和冒泡

事件捕获

• 概念：从DOM的根元素开始去执行对应的事件 (从外到里)
• 代码：
  DOM.addEventListener(事件类型，事件处理函数，是否使用捕获机制)
• 说明：
  addEventListener第三个参数传入 true 代表是捕获阶段触发（很少使用）
  若传入false代表冒泡阶段触发，默认就是false
  若是用 L0 事件监听，则只有冒泡阶段