博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于AS3的事件移除释疑
阅读量:5825 次
发布时间:2019-06-18

本文共 6820 字,大约阅读时间需要 22 分钟。

as3.0中的事件Event(位于包flash.events内,继承至Object,子类有…)

image

既然是释疑,主要是在与同事聊天的过程中提及的几个问题:

1、addEventListener重复监听是否会被多次调用?

2、如何移除一个匿名函数的监听?

3、target、currentTarget之间的区别

4、关于Event对象的其它需要注意的地方

 

/*****************************************

*  addEventListener重复监听是否会被多次调用?

******************************************/

这里重点在于“重复”两个字,如果监听一个对象,事件类型相同,监听函数也是相同,则该监听函数在事件被触发时只被调用一次。如果监听的事件类型不同或是监听函数不同,则该监听函数,在该事件类型被触发时调用。

image

上面的写法,onClickHandler函数在对象的CLICK事件被触发时被调用一次。

image

使用removeEventListener则会移除该事件,CLICK事件被触发时不再调用onClickHandler函数。

 

如果监听函数为匿名函数:

image

需要移除匿名函数时,一是可以使用变量保存该匿名函数的引用,二是可以在该匿名函数内使用arguments.callee获取该匿名函数的引用,使用removeEventListener移除对指定事件类型的监听。

 

使用闭包获得的匿名函数,每次调用时获得的匿名函数都不是同一个引用,所以对事件的监听将会被多次调用。例如有一个函数为:getClickFn()。

image

当多次使用该函数进行监听时,将会被多次调用。

image

 

而addEventListener方法,属于类EventDispatcher(flash.events,继承至Object,实现IEventDispatcher),子类有(DisplayObject…)

image

该方法有5个参数。addEventListener(eventType, listenerFn, useCapture:Boolean=false, priority:int=0, useWeakReference:Boolean=false);

一般很少用到后面的参数,分别是:

useCapture –> 是否在捕获阶段监听事件,默认在冒泡阶段进行监听

priority –> 默认为0,也就是监听事件时,回调监听函数的“层次”顺序,比如之后监听的函数要在事件触发时有拦截操作等(取消事件冒泡,阻止其后事件的触发stopPropagation、stopImmediatePropagation)

useWeakReference –>  是否为弱引用,强烈建议避免使用该参数,不易控制。

hasEventListener用来检查对象是否为特定的事件类型注册了监听器。

 

 

/*****************************************

* target、currentTarget的区别

******************************************/

这个是比较容易混淆,但也非常常见。一句话概括来讲就是:

target -- 触发事件的事件源,currentTarget -- 触发事件的监听对象。

 

 

/*****************************************

* 关于Event其它要注意的地方

******************************************/

首先要很清楚,一个事件它经历了哪几个阶段:捕获阶段 –> 目标阶段 –> 冒泡阶段

1b7804c2546da5050ff4771a.jpg

然后就是stopPropagation、stopImmediatePropagation这两个方法它们的区别,写个例子就知道了<从方法的说明中就能知道大概意思,写个Demo加深印象就可以了>

 

写了一堆,最后还是写一个demo,比较实际一点:

1: package
2: {
3:     import flash.display.MovieClip;
4:     import flash.display.Sprite;
5:     import flash.events.MouseEvent;
6:     import flash.filters.GlowFilter;
7:     import flash.text.TextField;
8:     import flash.text.TextFieldAutoSize;
9:     import flash.text.TextFieldType;
10:     import flash.text.TextFormat;
11:     /**
12:      * ...
13:      * @author Meteoric
14:      */
15:     public class EventDemo extends Sprite
16:     {
17:
18:         public function EventDemo()
19:         {
20:             initView();
21:         }
22:
23:         private var txt:TextField;
24:
25:         private function getTextGlowFilter(colorVal:uint=0x000000, blur:Number=2):GlowFilter
26:         {
27:             var color:uint = colorVal;
28:             var alpha:Number = 1;
29:             var blurX:Number = blur;
30:             var blurY:Number = blur;
31:             var strength:Number = 255;
32:             var quality:Number = 1;
33:
34:             return new GlowFilter(color, alpha, blurX, blurY, strength, quality);
35:         }
36:
37:         private function initView():void
38:         {
39:             txt = new TextField();
40:             txt.x = 200;
41:             txt.y = 50;
42:             txt.selectable = false;
43:             txt.mouseEnabled = false;
44:             txt.autoSize = TextFieldAutoSize.LEFT;
45:             txt.width = 350;
46:             //txt.height = 100;
47:             txt.wordWrap = true;
48:             txt.multiline = true;
49:             txt.type = TextFieldType.INPUT;
50:             txt.background = true;
51:             txt.backgroundColor = 0x232323;
52:
53:             var txtfor:TextFormat = new TextFormat();
54:             txtfor.size = 15;
55:             txtfor.font = "verdana";
56:             txtfor.bold = true;
57:             txtfor.color = 0xffffff;
58:
59:             txt.defaultTextFormat = txtfor;
60:             txt.filters = [getTextGlowFilter(0xffcc66)];
61:
62:             addChild(txt);
63:
64:             //监听事件
65:             var mc:MovieClip = new MovieClip();
66:
67:             mc.graphics.clear();
68:             mc.graphics.beginFill(0xcc0000, .7);
69:             mc.graphics.drawCircle(100, 100, 50);
70:             mc.graphics.endFill();
71:
72:             addChild(mc);
73:
74:             mc.buttonMode = true;
75:
76:
77:             //重复的监听只会被调用一次
78:             mc.addEventListener(MouseEvent.CLICK, onClickHandler);
79:             mc.addEventListener(MouseEvent.CLICK, onClickHandler);
80:             mc.addEventListener(MouseEvent.CLICK, onClickHandler);
81:
82:             //检测是否绑定了指定的事件
83:             setTxt('是否监听了MouseEvent.CLICK事件:' + mc.hasEventListener(MouseEvent.CLICK));
84:
85:             //移除指定的监听事件
86:             mc.removeEventListener(MouseEvent.CLICK, onClickHandler);
87:
88:             //重复监听的事件,移除一次后将不再被监听
89:             setTxt('是否监听了MouseEvent.CLICK事件:' + mc.hasEventListener(MouseEvent.CLICK));
90:
91:             //使用匿名函数进行事件的监听
92:             mc.addEventListener(MouseEvent.CLICK, function(e:MouseEvent):void {
93:                     var _mc:MovieClip = e.target as MovieClip;
94:                     _mc.removeEventListener(MouseEvent.CLICK, arguments.callee);
95:
96:                     setTxt('~~haha~~我就是匿名函数【remove】');
97:                 });
98:
99:             //下面使用getClickFn获得的是两个不同的匿名函数引用
100:             mc.addEventListener(MouseEvent.CLICK, getClickFn(100, function(fn:Function, evt:MouseEvent):void {
101:
102:                     var _mc:MovieClip = evt.target as MovieClip;
103:
104:                     _mc.removeEventListener(MouseEvent.CLICK, fn);
105:
106:                     setTxt("~~hehe~~另外一个匿名函数【remove】");
107:
108:                 }), false, 1);
109:
110:             mc.addEventListener(MouseEvent.CLICK, getClickFn(50));
111:         }
112:
113:         private function onClickHandler(e:MouseEvent):void
114:         {
115:             setTxt("----onClickHandler" + getNow());
116:         }
117:
118:         private function getClickFn(n:Number=0, fn:Function=null):Function
119:         {
120:             var num:Number = n;
121:
122:             return function(evt:MouseEvent):void {
123:                 fn && fn(arguments.callee, evt);
124:
125:                 setTxt('当前num的值:' + (++num));
126:             }
127:         }
128:
129:         private function getNow():String
130:         {
131:             var date:Date = new Date();
132:             var year:Number = date.getFullYear();
133:             var month:Number = date.getMonth() + 1;
134:             var day:Number = date.getDay();
135:
136:             var hours:Number = date.getHours();
137:             var minutes:Number = date.getMinutes();
138:             var seconds:Number = date.getSeconds();
139:
140:             return [year, month, day].join("-") + " " + [hours, minutes, seconds].join(":");
141:         }
142:
143:         private function setTxt(str:String):void
144:         {
145:             txt.appendText(str + '\n');
146:
147:             trace(str);
148:         }
149:
150:     }
151: 
152: }

 

转载于:https://www.cnblogs.com/meteoric_cry/archive/2012/05/22/2513412.html

你可能感兴趣的文章
在向HDFS中写数据的时候,当写某一副本时出错怎么处理?
查看>>
【Android Developer】1.一个关于Android机器人的故事
查看>>
模具常用术语中英文对照
查看>>
我管理的华为设备
查看>>
Ubuntu 11.10下安装google拼音
查看>>
稀疏矩阵的列序递增法和一次定位快速转置法
查看>>
在QTP中将WebTable的数据取出放入DataTable
查看>>
TCP传输协议抓包
查看>>
SVN服务搭建
查看>>
17款jQuery在线QQ客服代码分享
查看>>
Android ImageView使用网络资源文件
查看>>
让VIM记录文件上次编辑的位置
查看>>
Bootstrap V4 自学之路 文档目录
查看>>
基于NFS实现lamp的负载均衡之六: 部署discuz论坛
查看>>
6月13日
查看>>
【转】在eclipse上安装 Marketplace Client
查看>>
端口号说明
查看>>
VIM中的多行删除与复制
查看>>
zabbix自定义监控项key值
查看>>
VS2005,VS2008,VS2010快捷键大全
查看>>