事件流

1.JavaScript与HTML之间的交互时通过事件实现的,事件流描述的是对象接收事件的顺序

2.事件流有两种,事件冒泡和事件捕获

3.事件冒泡:事件首先发生在最具体的对象上,然后沿着DOM树向上传播(不会受css影响),每一级都会发生事件,直到window对象,所有现代浏览器都支持事件冒泡

 阻止冒泡:将当前事件函数中event对象的cancelBubble属性设置为true即可,这个方式只能阻止当前事件的冒泡

5.事件捕获:window首先接收到事件,沿着节点树传播,最具体的节点最后接收事件,老版本浏览器不支持事件捕获

6.事件捕获和事件冒泡同时存在时,元素先进行捕获过程再进行冒泡过程

原文地址:https://www.cnblogs.com/frontendnotes/p/6536107.html