论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

[适用初级]了解事件处理函数的引用范围

文章类别:Flash | 发表日期:2008-9-21 20:12:50

  是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){}对此不作处理.

总结:在事件处理函数内声明和执行的变量和命令的范围取决于所使用的事件处理函数的类型.所以熟悉不同事件处理函数类型中的引用范围问题也是很注重的.可以避免无意发生的错误.在了解了默认的引用范围后才能更好的应用目标路径,不然一开始你就走错了门口还不知道原因.
由于本人水平有限,不足之处请多谅解.谢谢参与!
原创教程,转载请注明 来源:闪吧--猫大哥

上一篇:{教程}文字转换为按钮的效果 人气:1427
下一篇:{教程}Flash MX的坐标系统简介 人气:2187
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058