target和currentTarget的区别
开始学习Flex,会在别人的代码中经常看到target和currentTarget这两个属性,一般是event.target、event.currentTarget,那他们两个有什么区别呢?
简单说,target是事件的调用对象(event dispatcher),currentTarget是事件的处理对象(event processor)
个人心得:
可以认为currentTarget是事件的监听者,如果两个组建同时对一个事件进行了监听,则处理从上层到下层顺序依次执行;同级时,按监听添加顺序执行。
一般,target是currentTarget指向的对象(组件)自身或者其子类。
转一例子:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" name="app"
- initialize="init()">
- ?
- <mx:Button id="btn" name="btn" label="按钮1"/>
- ?
- <mx:Button id="btn2" name="btn2" label="按钮2" click="clickHandler(event)" />
- ?
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- private function init(): void
- {
- addEventListener(MouseEvent.CLICK,clickHandler);
- }
- ?
- private function clickHandler(event: MouseEvent): void
- {
- Alert.show("target: " + (event.target as DisplayObject).name
- + "ncurrentTarget: " + (event.currentTarget as DisplayObject).name);
- }
- ]]>
- </mx:Script>
- </mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" name="app"
initialize="init()">
<mx:Button id="btn" name="btn" label="按钮1"/>
<mx:Button id="btn2" name="btn2" label="按钮2" click="clickHandler(event)" />
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function init(): void
{
addEventListener(MouseEvent.CLICK,clickHandler);
}
private function clickHandler(event: MouseEvent): void
{
Alert.show("target: " + (event.target as DisplayObject).name
+ "ncurrentTarget: " + (event.currentTarget as DisplayObject).name);
}
]]>
</mx:Script>
</mx:Application>
解释: 1、点击btn,btn是事件发送者,因此,target是btn; 2、app注册了事件监听器,用于监听MouseEvnet.Click事件,是事件处理者,因此currentTarget是app 3、btn2自己注册了click事件,那么btn2既是事件发送者,又是处理者,因此,target和currentTarget都是btn2,这种情况下,两者是一致的 4、同时注意,由于app注册了鼠标点击事件,在点击btn2的时候,首先响应的是app的处理器,然后才是btn2的处理器 ?