DOM事件流 事件冒泡-事件捕获-事件委托

DOM事件流

面试题

• 事件委托，事件代理的优点
• 事件捕获和冒泡的过程
• 事件冒泡和委托？使用场景？
• JS事件绑定的原理
• 什么时候用冒泡？什么时候用捕获？

事件冒泡与事件捕获

目的:解决页面中的事件流(事件发生顺序)的问题

• 事件冒泡：从内到外传递事件
• 事件捕获：从外到内传递事件

绑定事件监听时，第三个参数可以设置事件在哪个阶段执行，默认是事件冒泡阶段

DOM事件流的三个阶段是捕获阶段->目标阶段->冒泡阶段。

当事件处于目标阶段时，事件调用顺序决定于绑定事件的书写顺序

事件代理 - 利用事件冒泡机制

事件代理：事件代理就是利用事件冒泡或事件捕获的机制把一系列的内层元素事件绑定到外层元素。

事件委托的好处

1. 减少事件监听绑定的次数，减少内存占用，提升性能
2. 绑定的事件对后添加的DOM节点仍然有效