JavaScript 事件对象的实现
更新时间：2009年07月13日 00:38:27 作者：
前我写过一篇关于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);
复制代码 代码如下:
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);
相关文章
这篇文章主要为大家详细介绍了微信小程序实现接收验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
JavaScript操作压缩图片原理不难，已有成熟 API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩越大，加之终端（手机）类型众多，有些手机压缩图片甚至变黑。本文将一步一步解决此类问题2021-05-05
下面小编就为大家带来一篇滚动条的监听与内容随着滚动条动态加载的实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
本篇文章主要介绍了浅谈es6 javascript的map数据结构，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了JavaScript中的方法调用详细介绍,JavaScript中,如果function属于一个对象,那么通过对象来访问该function的行为称之为“方法调用”,需要的朋友可以参考下2014-12-12
这里使用js prototype扩展实现的indexOf的实现代码，跟js自带的方法，差不多。2010-12-12
js中document.referrer实现移动端返回上一页
本文主要介绍了document.referrer实现移动端返回上一页的方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了使JavaScript动画流畅的一些方法,包括与CSS动画效果的一些对比,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了javascript中in运算符用法,实例分析了in运算符的相关使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04![[JSF]使用DataModel处理表行事件的实例代码](//img.jbzj.com/images/xgimg/bcimg9.png)
在使用JSF中，最常用的恐怕就要属于表格的处理了。使用DataModel可以方便地进行对表行的处理：2013-08-08
![[JSF]使用DataModel处理表行事件的实例代码](http://img.jbzj.com/images/xgimg/bcimg9.png)
最新评论