flex事件处理(三个阶段)

本文介绍了一款使用Adobe Flex构建的应用程序中的事件处理机制,详细解析了如何为不同的组件注册事件监听器,并展示了如何通过事件对象来了解事件的传播阶段及目标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
    
<mx:Script>
        
<![CDATA[
            import flash.events.MouseEvent;
            internal function initApp(){
                /*
                    addEventListener(type:String ,listener:Function,useCapture:Boolean=false,priority:int=0,useWeakReference:Boolean=false)
                        useCapture  表示是否打开捕获事件,默认为false
                        priority    表示监听器的优先级,默认为0
                        useWeakReference   表示是否使用弱引用,默认为false
                */
                canvas1.addEventListener(MouseEvent.CLICK,pressBtn,true);
                canvas2.addEventListener(MouseEvent.CLICK,pressBtn);
                btn1.addEventListener(MouseEvent.CLICK,pressBtn);
                btn2.addEventListener(MouseEvent.CLICK,pressBtn,true);
            }
            internal function output(msg:String):void{
                txtArea1.text += msg+" ";
            }
            internal function pressBtn(event:MouseEvent):void{
                this.output("是否冒泡---"+event.bubbles);//event.bubbles 表示是否打开冒泡功能
                //输出当前的点击对象和事件流当前的阶段,1表示捕获阶段,2表示目标阶段,3表示冒泡阶段
                this.output("目标对象:"+event.target+":"+event.eventPhase);
                //输出当前正在处理的对象
                this.output("遍历对象:"+event.currentTarget);
                this.output("------------");
            }
        
]]>
    
</mx:Script>
    
<mx:Canvas x="10" y="10" width="328" height="355" id="canvas1">
        
<mx:Text x="21" y="10" text="canvas1" id="txt1"/>
        
<mx:Canvas x="10" y="36" width="308" height="135" id="canvas2">
            
<mx:Text x="129" y="10" text="canvas2" id="txt2"/>
            
<mx:Button x="118" y="55" label="Button2" id="btn2"/>
        
</mx:Canvas>
        
<mx:Button x="21" y="179" label="Button1" id="btn1"/>
        
<mx:TextArea x="10" y="209" width="308" height="136" id="txtArea1"/>
    
</mx:Canvas>
</mx:Application>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值