1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5 <title>test56
</title>
6 </head>
7 <body>
8 <input type="button" id="myBtn" value="点 击" name="btnName" />
9 <script type="text/javascript" src="test56.js"></script>
10 </body>
11 </html>
1 //EventUtil 对象
2 var EventUtil =
{
3 addHandler:
function(element, type, handler) {
4 if (element.addEventListener) {
5 element.addEventListener(type, handler,
false);
6 }
else if (element.attachEvent) {
7 element.attachEvent("on" +
type, handler);
8 }
else {
9 element["on" + type] =
handler;
10 }
11 },
12 removeHandler:
function(element, type, handler) {
13 if (element.removeEventListener) {
14 element.removeEventListener(type, handler,
false);
15 }
else if (element.detachEvent) {
16 element.detachEvent("on" +
type, handler);
17 }
else {
18 element["on" + type] =
null;
19 }
20 }
21 };
22
23 //调用 EventUtil
24 var btn = document.getElementById("myBtn"
);
25 var handler =
function() {
26 console.log("Clicked"
);
27 };
28 EventUtil.addHandler(btn, "click"
, handler);
29 //这里省略了其他代码
30 //EventUtil.removeHandler(btn, "click", handler);
转载于:https://www.cnblogs.com/qzsonline/archive/2012/05/25/2517976.html
