时间：2021-07-01 10:21:17 帮助过：3人阅读
什么是事件流呢？本文主要和大家分享js事件流以及扩展应用实例，希望能帮助到大家。
DOM标准规定事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。
● 事件捕获阶段：实际目标（<p>）在捕获阶段不会接收事件。也就是在捕获阶段，事件从document到<html>再到<body>就停止了。上图中为1~3.
● 处于目标阶段：事件在<p>上发生并处理。但是事件处理会被看成是冒泡阶段的一部分。
● 冒泡阶段：事件又传播回文档。
note:
1）、尽管“DOM2级事件”标准规范明确规定事件捕获阶段不会涉及事件目标，但是在IE9、Safari、Chrome、Firefox和Opera9.5及更高版本都会在捕获阶段触发事件对象上的事件。结果，就是有两次机会在目标对象上面操作事件。
2）、并非所有的事件都会经过冒泡阶段 。所有的事件都要经过捕获阶段和处于目标阶段，但是有些事件会跳过冒泡阶段：如，获得输入焦点的focus事件和失去输入焦点的blur事件。
捕获型事件流：事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子。
冒泡型事件流：事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根。
那么这里要实现的就是冒泡型事件流，从里面（叶子）到外面（根）
//只需要在window.onload里面给每一个圆添加点击事件处理程序就ok了哦，其余代码请看上[一篇文章](JavaScript事件学习之事件流、处理程序和对象总结
什么是JavaScript事件流及事件处理程序详解
以上就是js事件流以及扩展应用实例的详细内容，更多请关注Gxl网其它相关文章！