zoukankan      html  css  js  c++  java
  • Flex的 Event中属性currentTarget与target的区别

    Flex的 Event中属性currentTarget与target的区别


    1、区别

    (1)currentTarget是事件的处理对象(event processor)

    (2)target是事件的调用对象(event dispatcher)


    2、实例说明

    (1)设计源码

    <?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"
    			   width="100%" height="100%" creationComplete="initHandler(event)">
    	<fx:Script>
    		<![CDATA[
    			import mx.controls.Alert;
    			import mx.events.FlexEvent;
    
    			/**
    			 * 初始化函数
    			 */
    			protected function initHandler(event:FlexEvent):void
    			{
    				var num:Number = Math.round(Math.random()*1000+2000);
    				trace(num);
    				
    				this.addEventListener(MouseEvent.CLICK,clickHandler);
    			}
    			
    			/**
    			 * 鼠标点击事件 
    			 */
    			private function clickHandler(evt:MouseEvent):void
    			{
    				Alert.show("currentTarget:"+evt.currentTarget + "
    " + "target:" + evt.target);
    			}
    
    		]]>
    	</fx:Script>
    	<fx:Declarations>
    		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
    	</fx:Declarations>
    	
    	<s:Button id="btnClick" label="查询"/>
    	<s:Button id="btnReset" label="重置" click="clickHandler(event)"/>
    </s:Application>
    

    (2)实例结果


  • 相关阅读:
    事件对象
    type of 操作符和instanceof操作符的区别以及使用方法
    JS:XML
    JS:事件处理程序
    JS:event对象下的target属性和取消冒泡事件
    JS:callee属性
    JS:call()和apply的区别
    JS:事件对象1
    DOM元素的大小和位置
    CSS:在IE浏览器下,元素下沉一行的解决办法
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314910.html
Copyright © 2011-2022 走看看