关闭

flex_停止事件传播说明示例;

标签: flexbuttonfunctionapplicationlibraryencoding
2063人阅读 评论(2) 收藏 举报
分类:
<?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"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao"
               applicationComplete="initFn()">
    
    <!-- Demo_如何停止事件传播
        猜想:事件流_事件触发顺序
            首先被触发的是按钮里边添加的监听器(在MXML中添加),接着是通过addEventListener()添加的监听器,
        接着事件就冒泡到按钮父组件HGroup,触发父组件里边的监听器。
            不过使用event.stopPropagation()或者event.stopImmediatePropagation()都会阻止事件从按钮冒泡
        到其父组件,两者的区别就是stopPropagation()函数会在给定组件(按钮)上的所有其他事件监听器完成对这个
        事件(比如MouseEvent)的响应之后停止传播,而stopImmediatePropagation则是直接停止此事件传播。
    -->
    
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            
            protected function initFn():void{
                // 添加事件监听器;
                button.addEventListener(MouseEvent.CLICK, onClick);
                box.addEventListener(MouseEvent.CLICK, onParentClick);
            }
            
            protected function button_clickHandler(event:MouseEvent):void
            {
                Alert.show("MXML click event.", "MXML Event");
                trace("第一个被触发 Event");
                //event.stopPropagation();    // 事件停止传播--但是第二个监听器会触发;
                event.stopImmediatePropagation();    // 停止传播--后面所有监听器都不会触发;
            }
            
            protected function onClick(event:Event):void{
                Alert.show("AS event.Calling stopPropagation", "AS Event");
                trace("第二个被触发 Event");

            }
            
            protected function onParentClick(event:Event):void{
                // 事件永远不会传播(冒泡)到父组件,不管使用event.stopPropagation()或者event.stopImmediatePropagation()。
                Alert.show("You should never see this alert.", "Parent Event");
                trace("第三个被触发 Event");
            }
            
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 非可视元素 -->
    </fx:Declarations>
    
    <!--view-->
    <s:HGroup id="box" horizontalCenter="0" verticalCenter="0">
        <s:Button id="button" label="FireEvent" click="button_clickHandler(event)"/>
    </s:HGroup>
    
</s:Application>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:244715次
    • 积分:3702
    • 等级:
    • 排名:第8761名
    • 原创:127篇
    • 转载:13篇
    • 译文:0篇
    • 评论:52条
    最新评论