flex_添加、移除事件监听器示例;

原创 2012年03月22日 12:53:58
<?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">
    
    <!-- Demo_添加、移除事件监听器示例 -->
    
    <fx:Declarations>
        
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[

            /**
             * 添加、移除监听器;
             */
            protected function toggleListeners():void{
                if(rectBox.hasEventListener(MouseEvent.CLICK)) {
                    log("=>移除事件监听器");
                    rectBox.removeEventListener(MouseEvent.MOUSE_OVER, onEvent);
                    rectBox.removeEventListener(MouseEvent.MOUSE_OUT, onEvent);
                    rectBox.removeEventListener(MouseEvent.MOUSE_MOVE, onEvent);
                    rectBox.removeEventListener(MouseEvent.CLICK, onEvent);
                }else {
                    log("=>添加事件监听器");
                    rectBox.addEventListener(MouseEvent.MOUSE_OVER, onEvent);
                    rectBox.addEventListener(MouseEvent.MOUSE_OUT, onEvent);
                    rectBox.addEventListener(MouseEvent.MOUSE_MOVE, onEvent);
                    rectBox.addEventListener(MouseEvent.CLICK, onEvent);
                }
            }
            
            /**
             * 打印日志;
             */
            protected function log(logStr:String):void{
                outfield.text = logStr + "\n" + outfield.text;
            }
            
            /**
             * 事件触发的函数;
             */
            protected function onEvent(event:Event):void{
                log("事件类型:" + event.type);
            }
        ]]>
    </fx:Script>
    
    <!--view-->
    <s:VGroup verticalCenter="0" horizontalCenter="0" width="300" height="350">
        <s:HGroup width="100%" height="100" verticalAlign="bottom">
            <s:Group id="rectBox" width="175" height="100%">
                <s:Rect width="100%" height="100%">
                    <s:fill>
                        <s:SolidColor color="0x979797"/>
                    </s:fill>
                </s:Rect>
            </s:Group>
            <s:Button id="toggleBtn" label="ToggleListeners" click="toggleListeners()"/>
        </s:HGroup>
        <s:TextArea id="outfield" width="100%" height="100%"/>
    </s:VGroup>
</s:Application>

flex_添加、移除事件监听器示例;

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/m...
  • cenyebao
  • cenyebao
  • 2012年03月22日 12:53
  • 5798

添加移除事件监听器的兼容写法

function addListener(element,e,fn){ element.addEventListener?element.addEventListener(e,fn,false):el...
  • x10_z8_g6
  • x10_z8_g6
  • 2011年01月10日 22:40
  • 359

flex_事件绑定说明示例;

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/m...
  • cenyebao
  • cenyebao
  • 2012年03月22日 11:26
  • 696

flex_音乐播放列表示例;

效果: =>SortProperty.as package com.cen.programmingas3.playList { /** * 排序属性类(伪枚举) * about:用...
  • cenyebao
  • cenyebao
  • 2012年05月12日 18:50
  • 1082

flex_(6)Rss_Xml_View示例;

=>RssViewerApp.mxml   xmlns:s="library://ns.adobe.com/flex/spark"    xmlns:mx="library://ns.ad...
  • cenyebao
  • cenyebao
  • 2012年06月15日 11:07
  • 466

flex_可编辑表格示例;

=>TheEditableGridItemEditor(自定义组件)          xmlns:s="library://ns.adobe.com/flex/spark"      ...
  • cenyebao
  • cenyebao
  • 2012年03月14日 17:17
  • 2506

flex_咖啡收藏示例;

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/mx...
  • cenyebao
  • cenyebao
  • 2012年03月08日 10:00
  • 331

flex_警告窗口自定义示例;

效果图:                xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="...
  • cenyebao
  • cenyebao
  • 2012年03月26日 11:28
  • 550

flex_如何创建自定义事件示例;

功能:从xml文件中加载数据,然后在list组件上显示出数据来。 =>userContent.xml文件                          =>Con...
  • cenyebao
  • cenyebao
  • 2012年03月22日 16:43
  • 1551

js使用getEventListeners移除事件监听器

getEventListeners函数可以用来获取一个dom元素的事件侦听器。 如:getEventListneres(wiondow).load 会返回一个侦听window.load事件的侦听器数...
  • shidaping
  • shidaping
  • 2016年12月22日 15:43
  • 1546
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_添加、移除事件监听器示例;
举报原因:
原因补充:

(最多只允许输入30个字)