事件是FLASH中一个非常重要的部分!它是我们创建FLA文档中实现交互功能的重要途径.
AS脚本提供了不同的方式来处理事件:
一种是使用MovieClip和Button对象的方法进行控制(以下简称为事件处理函数方法---是一种类方法)---例如:
bofang_btn.onRelease = function(){play();} //代码附加到放置bofang_btn按钮实例的时间轴上的.
另一种是使用按钮的事件处理
函数on()和MC的事件处理
函数on()或onClipEvent()(统常简称为事件处理
函数)---例如
on(release){play();} //代码直接附加到名为bofang_btn按钮实例上的.
再一种就是使用事件侦听器(通常用于组件实例)---例如
ieting = new Object();
jieting.click = function() { play(); };
bofang.addEventListener("click",jieting); //代码附加到放置bofang_btn按钮组件实例的时间轴上的.
-----------------------------------------------------------------------------------------
onClipEvent (load) { jieting = new Object();
jieting.click = function() { play(); };
_root.bofang.addEventListener("click",jieting); } //代码附加到一个对象上
好了,引言就说到这儿,我们不是讨论事件处理函数的具体使用方法.而是事件处理函数中的引用范围.
我们在使用上述三种方式交互时,总是出现一些意外的结果,这就是我们将要讨论的问题.
通常我们都是使用前两种方法来交互:事件处理函数方法和事件处理函数(on()或onClipEvent()),所以我们只的讨论这两种事件处理函数中的引用范围问题.事件侦听器方式不做例子且简单讨论.
先看三个例子.
------------例子1--------------------------------
//附加到按钮上的代码
on(release){play();} //播放按钮实例所在的时间轴~
-------------------------------------------------
------------例子2--------------------------------
//附加到MC上的on动作(按钮事件)
on(release){play();} //播放MC的时间轴
//附加到MC上的onClipEvent动作(影片剪辑事件)
onClipEvent (load) {play();} //播放MC的时间轴
-------------------------------------------------
-------------例子3-------------------------------
//附加到时间轴上的on动作(按钮事件)
maodage_mc.onRelease = function() { play(); } //播放maodage_mc实例所在的时间轴
//附加到时间轴上的onClipEvent动作(影片剪辑事件)
maodage_mc.onLoad = function() { play(); } //播放maodage_mc实例所在的时间轴
是否已经看出每一个事件处理函数内的范围不同了.
注:引用范围指的是在函数体内直接定义(无目标路径下)变量,函数,对象及方法时的作用域.如果指定了路径,上述情况不一定相符.
那我们来小结一下:
1,对于附加到按钮实例上的on()事件处理函数,代码块中(函数体内)引用范围是放置该实例的时间轴(按钮实例所在的父时间轴).所以例子1播放的是放置按钮的时间轴.
2,对于附加到MC实例上的on()或onClipEvent()事件处理函数,代码块中(函数体内)引用范围是该实例(定义事件处理函数的MC).所以例子2播放的是MC的时间轴.
3,附加到时间轴上的MovieClip和Button的事件处理函数方法,代码块中(函数体内)引用范围是放置该函数方法的时间轴(也就是定义事件处理函数方法的时间轴).所以例子3播放的是MC所在的时间轴,如果想播放定义了on()或onClipEvent()事件处理函数的MC,可以使用this关键字显式引用该MC:例如:
maodage_mc.onRelease = function() { this.play(); } //将播放maodage_mc实例的时间轴.而不是maodage_mc实例所在的时间轴
4,事件侦听器与3相同.代码块中(函数体内)引用范围是定义该事件侦听器的时间轴.
其次:在定义事件处理函数方法或是事件侦听器时分配给他们的函数(function(){******}),在函数体内定义的变量可定义为本地变量范围.
首先看一个例子.
------------例子1--------
-----------主时间轴上的第1帧代码---
maodage.onLoad = function() {
var xingming = "猫大哥";
trace(xingming); //输出"猫大哥"
}
-----------主时间轴上的第2帧代码---
trace(xingming); //输出"undefined"(说明定义本地变量生效) ,如果去掉1帧上的var 将输出"猫大哥"
stop();
------------例子2--------
------------位于主时间轴上图层一第一帧上的maodage影片剪辑实例上的代码---
onClipEvent (load) {
var xingming = "猫大哥";
trace(xingming); //输出"猫大哥"
}
-------------maodage影片剪辑实例中时间轴上第1帧代码---
trace(xingming) //输出"猫大哥" (定义本地变量无效)
-------------主时间轴上第二图层第二帧上代码---
trace(maodage.xingming) //输出"猫大哥" (定义本地变量无效)
如果还觉的不清楚具体意思,请下载这两源文件参考.
例子1:
点这里下载源文件
例子2:
点这里下载源文件
以上两个示例说明:
两个事件处理函数包括相同的事件处理代码
var xingming = "猫大哥";
trace(xingming);
但在
函数体外的trace(xingming)产生的结果却不同:一个输出"undefined",另一个输出"猫大哥"
var xingming变量对于为onLoad方法定义的
函数而言是本地的.而onClipEvent (load){}对此不作处理.
总结:在事件处理函数内声明和执行的变量和命令的范围取决于所使用的事件处理函数的类型.所以认识不同事件处理函数类型中的引用范围问题也是很注重的.可以避免无意发生的错误.在了解了默认的引用范围后才能更好的应用目标路径,不然一开始你就走错了门口还不知道原因.
由于本人水平有限,不足之处请多谅解.谢谢参与!
原创教程,转载请注明 来源:闪吧--猫大哥
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
