JavaScript 事件对象的实现


Posted in Javascript onJuly 13, 2009

比如,我们定义了一个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);
Javascript 相关文章推荐
js中判断控件是否存在
Aug 25 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
es6新特性之 class 基本用法解析
May 05 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
Jul 25 Javascript
vue使用微信扫一扫功能的实现代码
Apr 11 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 Javascript
Prototype Date对象 学习
Jul 12 #Javascript
Prototype Function对象 学习
Jul 12 #Javascript
Prototype Object对象 学习
Jul 12 #Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 #Javascript
Prototype 学习 工具函数学习($A方法)
Jul 12 #Javascript
Prototype 学习 工具函数学习($方法)
Jul 12 #Javascript
Prototype 学习 Prototype对象
Jul 12 #Javascript
You might like
如何在PHP中使用Oracle数据库(4)
2006/10/09 PHP
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
php str_pad 函数使用详解
2009/01/13 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
微信小程序导航栏跟随滑动效果的实现代码
2019/05/14 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
Python简单的制作图片验证码实例
2017/05/31 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
《一件运动衫》教学反思
2014/02/19 职场文书
个人综合鉴定材料
2014/05/23 职场文书
元旦标语大全
2014/10/09 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
2015大一新生军训感言
2015/08/01 职场文书
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
php将xml转化对象的实例详解
2021/11/17 PHP