1、 创建一个Flex Project,名称为:Demo;
2、 切换到Design模式下,添加一个Panel和一个Button,其效果如下:
3、 切换到Source模式下,为程序添加事件,其代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function showDif(event:MouseEvent):void
{
Alert.show("目标ID = " + event.target.id +
"\n 当前目标ID = " + event.currentTarget.id);
}
]]>
</fx:Script>
<s:Panel x="104" y="113" width="250" height="200"
title="target和currentTarget" fontSize="14"
fontFamily="Times New Roman" color="#F30909"
id="panel_object">
<s:Button x="89" y="54" label=" 测 试 " id="button_object"
click="showDif(event)"/><!—事件由Button控制-->
</s:Panel>
</s:Application>
单击测试按钮,效果如下:
4、 修改源程序,事件由Panel触发,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function showDif(event:MouseEvent):void
{
Alert.show("目标ID = " + event.target.id +
"\n 当前目标ID = " + event.currentTarget.id);
}
]]>
</fx:Script>
<s:Panel x="104" y="113" width="250" height="200"
title="target和currentTarget" fontSize="14"
fontFamily="Times New Roman" color="#F30909"
id="panel_object" click="showDif(event)"><!—事件由Panel触发-->
<s:Button x="89" y="54" label=" 测 试 " id="button_object" />
</s:Panel>
</s:Application>
运行程序后,点击测试按钮以及点击Panel面板,效果如下:
记住:
① target对象总是抛出事件的对象,currentTarget对象是处理事件的对象,很多情况下他们是相同的,但不总是这样。
② 所有Event对象都有target 和currentTarget属性,target 属性可引用事件分派对象,currentTarget属性可引用正在被检测事件监听器的当前节点。
③ 在事件将在控件链中向上冒泡,在此过程中target 始终不变,currentTarget在每个向上移动的过程中及时改变。
④ 例如当用户点击一个Button控件,很可能事件派发者是Button的内部子组件UITextField,事件向上冒泡过程中target 始终为 UITextField不变,但currentTarget会逐步冒泡到Button组件,这时,触发了在Button上监听的Click事件处理函数。
⑤ 开发人员一般使用event.currentTarget属性,event.target 属性很少使用。
相关推荐
flex事件flex事件flex事件flex事件flex事件
flex事件机制,flex事件机制的分发,flex事件机制,flex事件机制的分发,flex事件机制,flex事件机制的分发,flex事件机制,flex事件机制的分发,flex事件机制,flex事件机制的分发
Flex ActionScript3.0事件机制的Demo, 举例说明了事件的三个阶段,事件的派发,事件的侦听,事件的拦截,自定义事件等相关知识点. 以上知识点在Demo中都有体现,初学者请仔细分析代码,加强理解,多调试、修改、验证以加深...
快速掌握flex的事件机制,让你灵活运用flex的事件完成所有功能。
Flex 事件机制,flex入门学习的好帮手
Flex事件机制,其实Flex的核心就是事件,了解了其中的原理,学习起Flex就不是很难了,这篇的内容对初学者有很大的帮助,我从中受益很多,看完之后,对Flex的认识进一步加深了,很好的资料。希望对大家有所帮助。
Flex的事件机制笔记,是初级的笔记,对应初级的Flex程序员或爱好者有用
Flex4.5事件机制详细描述教程,希望能给大家帮助~~
简要说明了flex的事件流、事件处理等方面的知识。
flex事件运行流程
郑老师关于flex3事件机制的讲座,讲的很好哦!
关于flex事件的讲解 一. 引 很多新人对Flex的事件机制都不太熟悉,在使用过程中难免会出现各种问题,这是一个非常普遍的问题,为了更快更好的帮助大家,将介绍一下Flex中事件的各种机制和用法。 Flex的精髓之一...
flex itemRenderer 渲染机制的概念和使用
很多新人对Flex的事件机制都不太熟悉,在使用过程中难免会出现各种问题,这是一个非常普遍的问题,为了更快更好的帮助大家,将介绍一下Flex中事件的各种机制和用法。 Flex的精髓之一就是事件和绑定机制,了解之后,...
NULL 博文链接:https://futurewwm.iteye.com/blog/1277119
Flex.3事件机制(3)——事件的应用实例视频Flex.3事件机制(3)——事件的应用实例视频
Flex.3事件机制(2)——Event对象视频Flex.3事件机制(2)——Event对象视频Flex.3事件机制(2)——Event对象视频
介绍flex 的事件机制,理解flex的事件传输原理
flex 事件 代码生成器 , 可以自动生成flex代码,方便 很好用的