Javascript中的事件监听与call方法

?1 < body >
?2 < script >
?3 ???? var ?callback? = ? function (name?,?invoteTime)
?4 ???? {
?5 ????????alert(name? + ? " |调用时间是: " ? + ?invoteTime);
?6 ????}
?7
?8 ???? var ?TestObject? = ? function ()
?9 ???? {
10 ???????? // 定义这个对象相应的element
11 ???????? var ?e? = ? null ;
12
13 ???????? this .addClickListener? = ? function (name?,?callback)
14 ???????? {
15 ????????????e.onclick? = ? function ()
16 ???????????? {
17 ???????????????? // 如果有参数,还可以传参数?,?call的第一个参数预留:arguments?, 这里面我们可以用null , ?从第二个开始
18 ????????????????callback.call( null ?,?name?,? new ?Date());
19 ????????????}
20 ????????}
21
22 ???????? var ?init? = ? function ()
23 ???????? {
24 ???????????? // 这里仅做个测试,?本应该按规范来写,?如:?e.id?=?'test';?e.style.width?=?'100px'
25 ????????????e? = ?document.createElement( " <span?id=' " + name + " '?style='width:100px;?height:100px;?background:gray;?border:1px?solid?red'></span> " );
26 ????????????document.body.appendChild(e);
27 ????????}
28
29 ????????init();
30 ????}
31
32 ???? var ?testObject1? = ? new ?TestObject();
33 ????testObject1.addClickListener( " site120 " ?,?callback);
34
35 ???? var ?testObject2? = ? new ?TestObject();
36 ????testObject2.addClickListener( " afd " ?,?callback);
37 </ script >
38 </ body >
39