本文通过 Classroom 对象的示例,详细讲解如何在 JavaScript 中实现自定义事件监听机制。当教室人数超过60人时,触发 onFull 回调函数。代码演示了事件绑定、条件判断及回调执行过程,帮助理解事件驱动编程的基本原理。
JavaScript 自定义事件处理机制
例如,我们定义了一个 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);