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 相关文章推荐
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
js window.onload 加载多个函数的方法
Nov 02 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
Apr 27 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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脚本的10个技巧(5)
2006/10/09 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
ThinkPHP表单自动验证实例
2014/10/13 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
js实现导航跟随效果
2018/11/17 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
python线程池的实现实例
2013/11/18 Python
Python3.6正式版新特性预览
2016/12/15 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
Python 处理日期时间的Arrow库使用
2020/08/18 Python
Html5自定义字体解决方法
2019/10/09 HTML / CSS
初二政治教学反思
2014/01/12 职场文书
统计学教授推荐信
2014/09/18 职场文书
股东出资证明书范例
2014/10/04 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书
五一劳动节慰问信
2015/02/14 职场文书
导游词之千岛湖
2019/09/23 职场文书
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript