detachEvent的用法

最新推荐文章于 2022-06-02 16:32:01 发布

xiaoyyhn

最新推荐文章于 2022-06-02 16:32:01 发布

阅读量1.7w

点赞数 1

分类专栏： javascript 文章标签：浏览器 button delete function 测试 tags

javascript 专栏收录该内容

4 篇文章

订阅专栏

Tags:

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="删除点我的事件" οnclick="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>