当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 事件对象的实现

Javascript
鼠标移动到一张图片时变为另一张图片
JS画图(非VML)--兼容IE/FF
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
jQuery的一些注意
找到一点可怜的关于dojo资料,谢谢作者!
JS获取IUSR_机器名和IWAM_机器名帐号的密码
用js计算页面执行时间的函数
JS的IE和Firefox兼容性集锦
标准布局应用:对联与旗帜
XHTML-Strict 内允许出现的标签
自动生成文章摘要[JavaScript 版本]
飞鱼(shqlsl) javascript作品集
prototype 1.5相关知识及他人笔记
XP折叠菜单&仿QQ2006菜单
用Javascript轻松制作一套简单的抽奖系统
使用脚本控制网页Table的显示隐藏(全代码)_AX
Javascript代码混淆综合解决方案-Javascript在线混淆器
用 JavaScript 迁移目录
用简单的脚本实现一款漂亮的下拉菜单
建立完全独立的JS对象

Javascript 中的 JavaScript 事件对象的实现


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 394 ::
收藏到网摘: n/a

前我写过一篇关于JavaScript如何实现面向对象编程的文章。今天,我写这篇文章跟大家讨论一下,如何实现事件。 比如,我们定义了一个Classroom对象,这里我们定一个事件,当教室里的人增加超60人时就触发一个事件onFull;具体定义如下:
复制代码 代码如下:

var Classroom=function()
{
this.numberOfPeople=0;
this.onFull=null;
this.peopleEnter=function(number)
{
this.numberOfPeople+=number;
if(this.numberOfPeople>60&&this.onFull!=null)
{
this.onFull(this.numberOfPeople);
}
}
}
function show1(number)
{
alert("教室里有"+number+"人");
}
function show2(number)
{
alert("教室里超出了"+(number-60)+"人");
}
var classroom1=new Classroom();
classroom1.onFull=show1;
classroom1.peopleEnter(30);
classroom1.peopleEnter(32);
classroom1.onFull=show2;
classroom1.peopleEnter(34);