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