事件捕获和事件冒泡什么意思_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 4:39:58 共计：3574 浏览

事件捕获和事件冒泡什么意思？

谢邀！！

针对事件捕获和事件冒泡，我已经写了一篇文章有具体讲到《JS事件流与DOM事件处理程序》，文章链接：https://www.toutiao.com/i6392562710684369410/，感兴趣的可以直接去看看。

这里在简单的讲述下，事件流的相关知识。

事件流

事件流可以理解为事件在页面的DOM节点之间传播的顺序，主要分为三个过程，分别是：事件捕获阶段 --> 事件目标阶段 --> 事件冒泡阶段，从下图可以看出事件的传播过程。

事件捕获

事件捕获的思想是页面上最外层的节点先接收事件，然后向内层元素逐级传播。例如上面的例子中，事件捕获阶段的传播顺序为：window --> document --> html --> body --> table --> tbody --> tr --> td

事件冒泡

事件冒泡和事件捕获刚好相反，它的思想是让最内层节点先接收事件，然后向外层逐级传播。上面的例子中，事件冒泡阶段传播顺序为：td --> tr --> tbody --> table --> body --> html --> document --> window

事件目标阶段

不管在事件传播阶段还是在事件冒泡阶段，都必然经历事件目标阶段，表示对DOM节点的事件进行处理。

目前我已经在头条发表了一百多篇关于前端开发的文章，反响还不错，可以关注下噢~

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。