AS3事件机制浅析

1、事件机制的核心

核心主要有两个类:EventDispatcher(事件的派发和接收者),Event(事件类)

EventDispatcher是事件的源头和终点,而Event则充当着整个事件流中的引线。

2、事件机制的3个阶段

Event有一个属性:eventPhase,可以为以下3个值:

  • 捕获阶段 (EventPhase.CAPTURING_PHASE)。
  • 目标阶段 (EventPhase.AT_TARGET)。
  • 冒泡阶段 (EventPhase.BUBBLING_PHASE)。

注意:事件中的捕获阶段以及冒泡阶段只会在可视对象的事件流中发生,也就是说事件的派发者是DisplayObject才会发生捕获阶段以及冒泡阶段!!!

3、事件3个阶段的执行流程

举个例子,看下图(

A、B、C都是Sprite) 

注意:MouseEvent.CLICK默认是会冒泡的!!!

AS3事件机制浅析

先有如下代码:

A.addEventListener(MouseEvent.CLICK, clickA);

A.addEventListener(MouseEvent.CLICK, clickA_capture, ture);//捕获

B.addEventListener(MouseEvent.CLICK, clickB);

B.addEventListener(MouseEvent.CLICK, clickB_capture, ture);//捕获

C.addEventListener(MouseEvent.CLICK, clickC);

C.addEventListener(MouseEvent.CLICK, clickC_capture, ture);//捕获



function clickA(e:MouseEvent):void

{

	  trace("clickA");

}



function clickA_capture(e:MouseEvent):void

{

	  trace("clickA_capture");

} 



function clickB(e:MouseEvent):void

{

	  trace("clickB");

} 



function clickB_capture(e:MouseEvent):void

{

	  trace("clickB_capture");

} 



function clickC(e:MouseEvent):void

{

	  trace("clickC");

} 



function clickC_capture(e:MouseEvent):void

{

	  trace("clickC_capture");

} 

(1)、第一种情况:点击A

输出为:

clickA_capture

clickA

(2)、第二种情况:点击B

输出为:

clickA_capture

clickB_capture

clickB

clickA

(3)、第三种情况:点击C

输出为:

clickA_capture

clickB_capture

clickC_capture

clickC

clickB

clickA

结论:由以上实验,再结合官方的说明可以知道:

*捕获是第一个阶段,当一个事件发生后,首先进入捕获阶段,从事件派发者的父亲一直找到stage,将所有一遍历的结点保存,然后从stage开始查找是否有捕获方法,一直到事件派发者为止,这时候捕获阶段结束。

*目标阶段是第二个阶段,目标阶段从名称上就可以知道就是事件的派发者这个阶段,会依次查找捕获方法和非捕获方法,然后结束目标阶段。

*冒泡阶段是最后一个阶段,从事件派发者开始一路向parent找是否有监听方法,依次调用,一直到stage。

4、关于target和currentTarget

首先,target永远是事件的派发者,而currentTarget则会根据当前不同的阶段有所改变,也就是说谁监听事件,当执行这个事件方法的时候谁就是currentTarget。

5、冒泡的应用

举个例子,当一个可视对象容器包含了100个按钮的时候,如果对每一个按钮都去监听其实很不划算。

更好的做法是对这个容器监听,然后在监听方法中判断target是哪个对象。

你可能感兴趣的:(事件机制)