来源《JavaScript高级程序设计》
代码如下：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title></title>
5 <style type="text/css">
6
7 </style>
8 <script type="text/javascript">
9 var EventUtil = {
10 addHandler:function(element,type,handler){
11 if(element.addEventListener){//现代浏览器，作用域是在其所属元素的作用域内
12 element.addEventListener(type,handler,false);
13 }
14 else if(element.attachEvent){//IE8及其以下，作用域是全局作用域
15 element.attachEvent("on"+type,handler);
16 }
17 else{//DOM2级方法，作用域在其所属的元素的作用域内
18 element["on"+type] = handler;
19 }
20 },
21 removeHandler:function(element,type,handler){
22 if(element.removeEventListener){
23 element.removeEventListener(type,handler,false);
24 }
25 else if(element.detachEvent){
26 element.detachEvent("on"+type,handler);
27 }
28 else{
29 element["on"+type] = null;
30 }
31 }
32 };
33 function handler(){
34 alert(this);
35 }
36 window.onload = function(){//使用例子
37 var btn = document.getElementById("btn");
38 EventUtil.addHandler(btn,"click",handler);
39 }
40 </script>
41 </head>
42 <body>
43 <input type="button" value="点击" id="btn">
44 </body>
45 </html>
时间： 2024-10-15 10:53:40