javascript 删除dom对象的事件函数代码

JS添加/删除事件在IE和支持dom浏览器分别为：attachEvent（ie中的添加事件），detachEvent（ie中的删除事件），addEventListener（支持dom浏览器中的添加事件），removeEventListener（支持dom浏览器中的删除事件）。

例如第一次点击黑色区域的时候弹出警告，并移除click事件，也就是第二次再点击的时候就没反应了，整合代码如下：

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>添加删除事件</title> <script type="text/javascript"> var EventUtil=new Object; //oTarget：目标；sEventType：事件名称；funName：事件触发的函数名； EventUtil.addEvent=function（oTarget,sEventType,funName）{ //document.getElementById（"dd"）.attachEvent if（oTarget.addEventListener）{//for DOM; oTarget.addEventListener（sEventType,funName, false）; }else if（oTarget.attachEvent）{ oTarget.attachEvent（"on"+sEventType,funName）; }else{ oTarget["on"+sEventType]=funName; } }; EventUtil.removeEvent=function（oTarget,sEventType,funName）{ //document.getElementById（"dd"）.attachEvent if（oTarget.removeEventListener）{//for DOM; oTarget.removeEventListener（sEventType,funName, false）; }else if（oTarget.detachEvent）{ oTarget.detachEvent（"on"+sEventType,funName）; }else{ oTarget["on"+sEventType]=null; } }; function removeClick（）{ alert（"click"）; var oDiv=document.getElementById（"odiv"）; oDiv.style.cursor="auto"; EventUtil.removeEvent（oDiv,"click",removeClick）; } //----多个函数绑定到window.onload上------// function addLoadEvent（func）{ var oldonload=window.onload; if（typeof window.onload ！="function"）{ window.onload=func; }else{ window.onload=function（）{ oldonload（）; func（）; } } } addLoadEvent（addClick）; function addClick（）{ var oDiv=document.getElementById（"odiv"）; oDiv.style.cursor="pointer"; EventUtil.addEvent（oDiv,"click",removeClick）; } </script> </head> <body> 第一次点击黑色区域的时候弹出警告，并移除click事件，也就是第二次再点击的时候就没反应了<br/> 第一次点我警告你，第二次点我不理你！ </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]