detachEvent的用法

detachEvent方法可以在网页内删除一个已注册好的事件.比如你为某个按扭或某个元素添加了一个事件.但是有些时候你需要动态的删除这些事件.那么detachEvent提供了删除事件的这个功能.经过我测试detachEvent必须和attachEvent配对使用.也就是说必须使用attachEvent添加的事件,才可以被detachEvent方法删除.
detachEvent并非W3C标准,不支持基于Dom标准的浏览器.经过我的测试至少在IE和Opear和谷歌浏览器内有效.与其功能相同的W3C标准语法是RemoveEventListener方法.该方法支持FF浏览器.
 

 

语法:
elem.detachEvent(event_type,event_name)
 
 
参数

elem:要在该元素上清除事件.
event_type:事件类型.是键盘事件?或是鼠标事件?
event_name:事件名称.函数的名称

 

detachEvent实例

 
<html>
<head>
<title>Dom:detachEvent实例演示</title>
</head>
<body>
<h2>首先为"点我"按扭动态注册一个弹窗事件.在不删除之前这个事件是存在的.在删除之后点我失去了任何效果.注意该实例不支持FF浏览器</h2>
<hr/>
<input id="a" type="button" value="点我" />
<input id="b" type="button" value="删除点我的事件" onclick="delete_event()" />
<script language="javascript">
function ok(){
alert("您好,欢迎光临web圈!");
}
function add_event(){
var a = document.getElementById("a")
a.attachEvent("onclick",ok); 
}
function delete_event(){
var a=document.getElementById("a");
a.detachEvent("onclick",ok);
}
add_event();//运行添加事件函数
</script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章