JavaScript 事件對象的實現(xiàn)
更新時間：2009年07月13日 00:38:27 作者：
前我寫過一篇關于JavaScript如何實現(xiàn)面向對象編程的文章。今天，我寫這篇文章跟大家討論一下，如何實現(xiàn)事件。
比如，我們定義了一個Classroom對象，這里我們定一個事件，當教室里的人增加超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);
復制代碼 代碼如下:
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);
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)接收驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript操作壓縮圖片原理不難，已有成熟 API，然而在實際輸出壓縮后結果卻總有意外，有些圖片竟會越壓縮越大，加之終端（手機）類型眾多，有些手機壓縮圖片甚至變黑。本文將一步一步解決此類問題2021-05-05
滾動條的監(jiān)聽與內(nèi)容隨著滾動條動態(tài)加載的實現(xiàn)
下面小編就為大家?guī)硪黄獫L動條的監(jiān)聽與內(nèi)容隨著滾動條動態(tài)加載的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
淺談es6 javascript的map數(shù)據(jù)結構
本篇文章主要介紹了淺談es6 javascript的map數(shù)據(jù)結構，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了JavaScript中的方法調(diào)用詳細介紹,JavaScript中,如果function屬于一個對象,那么通過對象來訪問該function的行為稱之為“方法調(diào)用”,需要的朋友可以參考下2014-12-12
js下通過prototype擴展實現(xiàn)indexOf的代碼
這里使用js prototype擴展實現(xiàn)的indexOf的實現(xiàn)代碼，跟js自帶的方法，差不多。2010-12-12
js中document.referrer實現(xiàn)移動端返回上一頁
本文主要介紹了document.referrer實現(xiàn)移動端返回上一頁的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了使JavaScript動畫流暢的一些方法,包括與CSS動畫效果的一些對比,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了javascript中in運算符用法,實例分析了in運算符的相關使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04![[JSF]使用DataModel處理表行事件的實例代碼](http://img.jbzj.com/images/xgimg/bcimg9.png)
在使用JSF中，最常用的恐怕就要屬于表格的處理了。使用DataModel可以方便地進行對表行的處理：2013-08-08