Flex学习-事件机制的工作流程

8.2 事件机制的工作流程



8.2.1 关于事件流

 

目标对象：派发事件的对象

当事件发生后生成一个携带数据的对象，然后检查目标对象是否存在显示层中，并遍历从根容器一直到目标对象所在位置的所有对象，以树形势表示。自动检测所经过的节点是否注册了监听器。



事件流暗运行流程分为3步：

 

• 
  
• 捕获阶段：捕获事件 capturing，从根节点开始顺序而下，检测每个节点是否注册了监听器。同时，Flex 将事件对象的currentTarget 值改为当前正在检测的对象。如果注册了监听器，则调用监听函数。
• 目标阶段：检测目标的监听器 targeting：触发在目标对象本身注册的监听程序
• 冒泡阶段：事件冒泡 bubbling：从目标节点到根节点，检测每个节点是否注册了监听器，如果有，则调用监听函数。

 

每个事件对象都有以下属性：

target：事件的派发者

currentTarget：当前正在检测的的对象，帮助跟踪事件传播的过程。



默认情况下，捕获功能处于关闭状态，一般没有必要进行捕获跟踪。

事 件只在bubbles 属性为true 时才进行冒泡，可以冒泡的事件包括：change、click、doubleClick、keyDown、keyUp、mouseDown、 mouseUp。并且不能在一个监听器中同时打开捕获和冒泡功能，要做到这一点，只能注册两个监听器，分别实现。

 

 

• 
  
• target：派发事件的目标对象
• currentTarget：事件流当前正经过的目标对象
• bubbles：是否打开了冒泡功能
• eventPhase：事件流当前的阶段，1：捕获，2：目标，3：冒泡

 

addEventListener(

  type:String,    事件的类型

  listener:Function,    监听函数

  useCapture:Boolean = false,    是否打开捕获功能

  priority:int = 0,    监听器优先级别

  useWeakReference:Boolean = false    是否使用弱引用

)



如果useCapture 为true，打开了捕获功能，则该组件的冒泡阶段被取消。

只有可视化的对象有3个阶段，而像XML等非可视化对象只有目标阶段。

 

8.2.2 事件对象

 

EventDispatcher 是派发事件的武器，经它派发的事件对象必须是Event类型或者Event的子类。

Event对象中包含目标对象存放的数据，这些数据都成为Event的属性，以供侦听器使用：

Event的属性：

 

• 
  
• bubbles：只读，布尔，事件是否开启冒泡功能
• cancelable：只读，布尔，处理事件的默认行为是否可以停止。主要针对一些系统事件，如果值为true，则Event的preventDefault方法可以使用，否则不可用。
• currentTarget：只读，对象，当前正在调用监听器的对象
• eventPhase：只读，整数，返回事件流正经历的阶段。1：捕获，2：目标，3：冒泡
• target：只读，派发事件的目标对象
• type：只读，字符，事件类型。比如鼠标点击事件的类型：click，并被定义为常量：MouseEvent.CLICK

构造函数：

Event(

  type:String,    事件类型

  bubbles:Boolean = false,   是否冒泡

  cancelable:Boolean = false  是否可以停止

)



Event 的方法：

 

• 
  
• isDefaultPrevented：判断preventDefault 是否已经被调用
• preventDefault：停止事件的默认行为。针对一些系统事件，cancelable为true时才可用。
• stopImmediatePropagation：停止当前的事件流传播，包括当前正在处理的对象
• stopPropagation：停止当前的事件流传播，但不会停止当前正在处理的对象

 

8.2.3 侦听和响应事件--一个侦听键盘事件的例子

 

要侦听一个事件，首先要创建一个函数来作为事件处理器，然后将这个函数注册给相应的时间类型。

this.addEventListener(KeyboardEvent.KEY_DOWN,keyHandler);

注册键盘按下事件，交给keyHandler处理，也可以在Application标签添加事件：

keyDown="keyHandler(event)"  这种情况无法移除事件。



注册了事件监听器，使用完毕后，必须使用removeEcentListener 方法删除监听函数：

removeEcentListener(

  type:String,   事件类型

  listener:Function,   监听函数

  useCapture:Boolean = false    是否开启捕获功能，如果注册时打开，移除也要打开。

)

 

 

 

原地址：http://www.javaeye.com/topic/214780