快捷導(dǎo)航

JavaScript 事件對(duì)象的實(shí)現(xiàn)

更新時(shí)間：2009年07月13日 00:38:27 作者：

前我寫過一篇關(guān)于JavaScript如何實(shí)現(xiàn)面向?qū)ο缶幊痰奈恼隆＝裉?，我寫這篇文章跟大家討論一下，如何實(shí)現(xiàn)事件。

比如，我們定義了一個(gè)Classroom對(duì)象，這里我們定一個(gè)事件，當(dāng)教室里的人增加超60人時(shí)就觸發(fā)一個(gè)事件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); 

您可能感興趣的文章:

相關(guān)文章

Javascript計(jì)算時(shí)間差的函數(shù)分享
獲得時(shí)間差,時(shí)間格式為年-月-日小時(shí):分鐘:秒或者年/月/日小時(shí)：分鐘：秒
2011-07-07
在iFrame子頁面里實(shí)現(xiàn)模態(tài)框的方法
今天小編就為大家分享一篇在iFrame子頁面里實(shí)現(xiàn)模態(tài)框的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
js截取小數(shù)點(diǎn)后幾位的寫法
截取小數(shù)點(diǎn)后幾位的方法有很多，下面為大家介紹下使用js是如何實(shí)現(xiàn)的
2013-11-11
Bootstrap顯示與隱藏簡單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了bootstrap顯示與隱藏的簡單實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
js游戲人物上下左右跑步效果代碼分享
這篇文章主要介紹了js游戲人物上下左右跑步效果，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理
這篇文章主要介紹了詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理的相關(guān)資料,需要的朋友可以參考下
2017-04-04
JavaScript eval()函數(shù)定義及使用方法詳解
這篇文章主要介紹了JavaScript eval()函數(shù)定義及使用方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
詳解ES6 Symbol 的用途
Symbol 唯一的用途就是標(biāo)識(shí)對(duì)象屬性，表明對(duì)象支持的功能。這篇文章給大家介紹ES6 Symbol 的用途，感興趣的朋友跟隨小編一起看看吧
2018-10-10
Web前端開發(fā)工具——bower依賴包管理工具
Bower 是 twitter 推出的一款包管理工具，基于nodejs的模塊化思想，把功能分散到各個(gè)模塊中，讓模塊和模塊之間存在聯(lián)系，通過 Bower 來管理模塊間的這種聯(lián)系,本文給大家介紹bower依賴包管理工具，感興趣的朋友一起學(xué)習(xí)
2016-03-03
本地圖片預(yù)覽(支持IE6/IE7/IE8/Firefox3)經(jīng)驗(yàn)總結(jié)
遇到的本地圖片預(yù)覽的需求,IE6下可以直接從file的value獲取圖片路徑來顯示預(yù)覽,IE7和IE8下通過select獲取file的圖片路徑，再用濾鏡來顯示預(yù)覽，至于FireFox祥看本文吧，希望可以幫助到你
2013-03-03