<html> <head> <title>Add/Remove Event Handlers Example</title> <script type="text/javascript"> // addEventListener 是JS自帶函數 // attachEvent 是JS自帶函數 var EventUtil = new Object; EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) { if (oTarget.addEventListener) { // 如果還沒有綁定click事件，則進行綁定。頁面載入時候會執行這里。 oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { // 查看綁定了什么事件 oTarget.attachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = fnHandler; } }; EventUtil.removeEventHandler = function (oTarget, sEventType, fnHandler) { if (oTarget.removeEventListener) { oTarget.removeEventListener(sEventType, fnHandler, false); } else if (oTarget.detachEvent) { oTarget.detachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = null; } }; // 最后起作用的函數 function handleClick() { alert("Click!\nd"); var oDiv = document.getElementById("div1"); // EventUtil.removeEventHandler(oDiv, "click", handleClick); } // 綁定DIV與觸發事件，以及函數體 window.onload = function() { var oDiv = document.getElementById("div1"); EventUtil.addEventHandler(oDiv, "click", handleClick); } </script> </head> <body> <div id="div1" style="background-color: red; width: 100px; height: 100px"><font size="30" color="white">sss</font></div> </body> </html>