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

ttx9n · 发表于 2010-4-27 21:17:13

本文为《JavaScript高级程序设计》第9章中的跨平台事件中的部分内容。 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> 
<p>第一次点击黑色区域的时候弹出警告，并移除click事件，也就是第二次再点击的时候就没反应了</p> 
第一次点我警告你，第二次点我不理你！ 
</body> 
</html>

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

81708585 · 发表于 2022-9-3 05:54:13

人都不在了啊啊

白狐软件 · 发表于 2022-10-30 02:51:29

我要金豆金豆金豆

溪谷小兵 · 发表于 2022-12-10 04:07:27

大家都不容易！

0608fv3 · 发表于 2023-1-19 10:27:11

啦啦啦啦啦啦啦啦！

5ble0ks · 发表于 2023-3-11 16:24:33

借款金额看了就立刻

btbhs8t · 发表于 2023-6-1 02:43:31

终于找到了，我擦

q42obh · 发表于 2023-6-29 18:54:29

感谢楼主分享

平平安安 · 发表于 2023-10-14 06:39:08

hi哦回复iOS就看见

zzhxxx · 发表于 2023-12-7 01:33:09

还有什么好东西没

账号		自动登录	找回密码
密码			立即注册

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

相关帖子