Flex 事件传播过程简介

最新推荐文章于 2021-12-07 14:07:08 发布

simalinxu

最新推荐文章于 2021-12-07 14:07:08 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

分类专栏： Flex积累文章标签： Flex HTML

本文链接：https://blog.youkuaiyun.com/simalinxu/article/details/83424266

Flex积累专栏收录该内容

7 篇文章

订阅专栏

本文详细解释了Flex事件处理过程中的三个关键阶段：捕获阶段、定位阶段和冒泡阶段，并通过实例展示了这些阶段如何工作。此外，还介绍了如何使用event.stopPropagation()来阻止事件冒泡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当触发事件时，Flex查找事件监听器将经历三个阶段：捕获阶段，定位阶段，冒泡阶段。以下是我对这三个阶段的理解，举例说明：
假设stage上一个btn，现在点击btn触发了一个事件event，之后Flex事件监听器：
1、首先捕获到event的是stage，将stage和event.target进行对比，修改event.currentTarget为stage，发现不相符，继续向下传递给mc，同理，再从mc传递给btn，此时event.target与之相符，currentTarget与target相同。（捕获阶段）
2、执行btn事件侦听函数。（定位阶段）
3、2完成后开始冒泡阶段，从btn返回mc，若mc有对应事件侦听函数，则执行，event.currentTarget同时改变为mc，同理，在交给stage同样的执行。

当然在很多时候，我们并不希望进行冒泡阶段，只希望执行btn的侦听函数，但是同时mc，stage刚好有对应的侦听函数，那么就会引起问题。处理方法为：在btn侦听函数结尾加入 event.stopPropagation(); 即可。

转自：http://minnychang.blogbus.com/logs/37078686.html