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);