target和currentTarget的区别

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的处理器