stopImmediatePropagation&stopPropagation 区别

最新推荐文章于 2024-03-21 11:12:11 发布

最新推荐文章于 2024-03-21 11:12:11 发布 · 100 阅读

文章标签：

#大数据

AS3 专栏收录该内容

10 篇文章

订阅专栏

本文详细对比了stopImmediatePropagation与stopPropagation的区别。前者阻止事件在当前及后续节点的传播，即时生效；后者仅阻止后续节点的传播，不影响当前节点。通过示例代码展示了两种方法的应用效果。

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

stopImmediatePropagation 与 stopPropagation 不同之处请仔细查看加粗的文字并结合图例理解。

stopImmediatePropagation 防止对事件流中当前节点中和所有后续节点中的事件侦听器进行处理。此方法会立即生效，并且会影响当前节点中的事件侦听器。

stopPropagation 防止对事件流中当前节点的后续节点中的所有事件侦听器进行处理。此方法不会影响当前节点 (currentTarget) 中的任何事件侦听器。

测试代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   minWidth="955" minHeight="600" 
			   initialize="application1_initializeHandler(event)">
	
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			protected function application1_initializeHandler(event:FlexEvent):void
			{
				btn.addEventListener(MouseEvent.CLICK,handler1);
				btn.addEventListener(MouseEvent.CLICK,handler2,false,1);
				group.addEventListener(MouseEvent.CLICK,handler3);
				this.addEventListener(MouseEvent.CLICK,handler4);
			}
			
			private function handler1(event:MouseEvent):void
			{
				trace("btn priority 0 handler");
				event.stopPropagation();
				
			}
			
			private function handler2(event:Event):void
			{
				trace("btn priority 1 handler");
			}
			
			private function handler3(event:Event):void
			{
				trace("group handler");
			}
			
			
			private function handler4(event:Event):void
			{
				trace("app handler");
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<s:Group id="group">
		<s:Button label="Click" id="btn"/>
	</s:Group>
</s:Application>

event.stopPropagation()，结果：

btn priority 1 handler

btn priority 0 handler

event.stopImmediatePropagation ()，结果：

btn priority 1 handler