zoukankan      html  css  js  c++  java
  • target和currentTarget的区别

    target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)(一般为父级)。this指向永远和currentTarget指向一致(只考虑this的普通函数调用)。

    开始学习Flex,会在别人的代码中经常看到target和currentTarget这两个属性,一般是event.target、event.currentTarget,那他们两个有什么区别呢?

    简单说,target是事件的调用对象(event dispatcher),currentTarget是事件的处理对象(event processor)

    以一个实例来说吧

    复制代码
     1 <?xml version="1.0" encoding="utf-8"?>
     2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" name="app"
     3     initialize="init()">
     4     
     5     <mx:Button id="btn" name="btn" label="按钮1"/>
     6     
     7     <mx:Button id="btn2" name="btn2" label="按钮2" click="clickHandler(event)" />
     8     
     9     <mx:Script>
    10         <![CDATA[
    11             import mx.controls.Alert;
    12             private function init(): void
    13             {
    14                 addEventListener(MouseEvent.CLICK, clickHandler);                 
    15             }
    16             
    17             private function clickHandler(event: MouseEvent): void
    18             {
    19                 Alert.show("target: " + (event.target as DisplayObject).name
    20                     + " currentTarget: " + (event.currentTarget as DisplayObject).name);
    21             }
    22         ]]>
    23     </mx:Script>
    24 </mx:Application>
    25 
    复制代码


    说明:

    1. 点击btn,btn是事件发送者,因此,target是btn;
    2. app注册了事件监听器,用于监听MouseEvnet.Click事件,是事件处理者,因此currentTarget是app
    3. btn2自己注册了click事件,那么btn2既是事件发送者,又是处理者,因此,target和currentTarget都是btn2,这种情况下,两者是一致的
    4. 同时注意,由于app注册了鼠标点击事件,在点击btn2的时候,首先响应的是app的处理器,然后才是btn2的处理器

    通过上面的分析,应该比较清楚的区分什么时候用target,什么时候用currentTarget了,在实际编程中实践几次,就不会感到迷惑了。

  • 相关阅读:
    教准备租房的同学如何避开坑!
    mvc3中controler和view之间的数据传递
    WebMail发送邮件
    mvc Razor视图语法与Aspx视图语法对比
    SQL Server sql分页查询
    WCF之一
    C++总结笔记(一)抽象、多态、继承
    Perl脚本学习经验(二)常用命令举例
    makefile学习经验(四)编译生成动态库文件(方式二)
    makefile学习经验(三)编译生成动态库文件(方式一)
  • 原文地址:https://www.cnblogs.com/jintaostudy/p/6087975.html
Copyright © 2011-2022 走看看