AS3的事件模型
在flash中只要发生事件,Flash Player 就会调度事件对象。如果事件目标不在显示列表中,则 Flash Player 将事件对象直接调度到事件目标。例如,Flash Player 将 progress 事件对象直接调度到 URLStream 对象。但是,如果事件目标在显示列表中,则 Flash Player 将事件对象调度到显示列表,事件对象将在显示列表中穿行,直到到达事件目标。
"事件流"说明事件对象如何在显示列表中穿行。显示列表以一种可以描述为树的层次结构形式进行组织。位于显示列表层次结构顶部的是舞台,它是一种特殊的显示对象容器,用作显示列表的根。舞台由flash.display.Stage类表示,且只能通过显示对象访问。每个显示对象都有一个名为 当Flash Player调度事件对象时,该事件对象进行一次从舞台到"目标节点"的往返行程。DOM事件规范将目标节点定义为代表事件目标的节点。也就是说,目标节点是发生了事件的显示列表对象。例如,如果用户单击名为 从概念上来说,事件流分为三部分。第一部分称为捕获阶段,该阶段包括从舞台到目标节点的父节点范围内的所有节点。第二部分称为目标阶段,该阶段仅包括目标节点。第三部分称为冒泡阶段。冒泡阶段包括从目标节点的父节点返回到舞台的行程中遇到的节点。 如果您将显示列表想像为一个垂直的层次结构,其中舞台位于顶层(如下图显示),那么这些阶段的名称就更容易理解了: ? 如果用户单击 ? 在该示例中,捕获阶段在首次向下行程中包括 事件流使现在的事件处理系统比 ActionScript 程序员以前使用的事件处理系统功能更为强大。早期版本的 ActionScript 中没有事件流,这意味着事件侦听器只能添加到生成事件的对象。在 ActionScript 3.0 中,您不但可以将事件侦听器添加到目标节点,还可以将它们添加到事件流中的任何节点。 当用户界面组件包含多个对象时,沿事件流添加事件侦听器的功能十分有用。例如,按钮对象通常包含一个用作按钮标签的文本对象。如果无法将侦听器添加 到事件流,您将必须将侦听器添加到按钮对象和文本对象,以确保您收到有关在按钮上任何位置发生的单击事件的通知。而事件流的存在则使您可以将一个事件侦听器放在按钮对象上,以处理文本对象上发生的单击事件或按钮对象上未被文本对象遮住的区域上发生的单击事件。 不过,并非每个事件对象都参与事件流的所有三个阶段。某些类型的事件(例如 ? 事件实例 Main类: package{ import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import flash.geom.Rectangle; import RectContainer; public class Main extends Sprite{ public function Main(){ var outter:Sprite = new RectContainer(10,10,200,200); var middle:Sprite = new RectContainer(30,30,150,150); var inner:Sprite = new RectContainer(50,50,100,100); outter.name = "外部容器"; middle.name = "中间容器"; inner.name = "内层容器"; addChild(outter); outter.addChild(middle); middle.addChild(inner); inner.addEventListener(MouseEvent.CLICK,clickHandler); middle.addEventListener(MouseEvent.CLICK,clickHandler); outter.addEventListener(MouseEvent.CLICK,clickHandler); } private function clickHandler(evt:MouseEvent):void{ trace("事件发生目标:t" + evt.target.name); trace("正在侦听事件的当前目标t" + evt.currentTarget.name); trace("事件当前阶段t" + evt.eventPhase); trace("=========================================="); } } }
package{ import flash.display.Sprite; public class RectContainer extends Sprite{ public function RectContainer(x:Number,y:Number,w:Number,h:Number){ this.graphics.beginFill(0xFFFFFF * Math.random()); this.graphics.drawRect(x,y,w,h); this.graphics.endFill(); } } }
事件发生目标:???? 内层容器 正在侦听事件的当前目标 内层容器 事件当前阶段? 2 ========================================== 事件发生目标:???? 内层容器 正在侦听事件的当前目标 中间容器 事件当前阶段? 3 ========================================== 事件发生目标:???? 内层容器 正在侦听事件的当前目标 外部容器 事件当前阶段? 3 ========================================== F? 点击中部矩形触发事件如下: 事件发生目标:???? 中间容器 正在侦听事件的当前目标 中间容器 事件当前阶段? 2 ========================================== 事件发生目标:???? 中间容器 正在侦听事件的当前目标 外部容器 事件当前阶段? 3 ========================================== F? 点击外部矩形触发事件如下: 事件发生目标:???? 外部容器 正在侦听事件的当前目标 外部容器 事件当前阶段? 2 ========================================== (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |