AI写作智能体 自主规划任务,支持联网查询和网页读取,多模态高效创作各类分析报告、商业计划、营销方案、教学内容等。 广告
[TOC] # 3\. DOM事件流 (运行过程) ![](https://img.kancloud.cn/d1/b9/d1b908f9e935cb35934622a595505537_1032x591.png) ## 例子 ![](https://img.kancloud.cn/82/4f/824f9a590d7ea570658946db705edbe7_1011x563.png) # DOM事件流讲解 (重点) 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。 注意 1. JS代码中只能执行捕获或者冒泡其中的一个阶段。 2. onclick和attachEvent 只能得到冒泡阶段。 3. addEventListener (type, listener\[, useCapture\] )第三个参数如果是true ,表示在事件捕 获阶段调用事件处理程序;如果是false (不写默认就是false) , 表示在事件冒泡阶段调用事件处理程序。. **4.实际开发中我们很少使用事件捕获,我们更关注事件冒泡。** 5.有些事件是没有冒泡的,比如onblur、onfocus、 onmouseenter. onmouseleave 6.事件冒泡有时候会带来麻烦,有时候又会帮助很巧妙的做某些事件, 我们后面讲解。 # 捕获阶段 (addEventListener) ![](https://img.kancloud.cn/89/f9/89f93cf66b54401cb1b14311e1f9f647_1285x452.png) # 冒泡阶段 (addEventListener) (开发重点) ![](https://img.kancloud.cn/8e/8f/8e8fa5be86902a82afc4fc729ca9664d_1236x440.png)