javascript怎么解除绑定事件

小编给大家分享一下javascript怎么解除绑定事件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联专业为企业提供定襄网站建设、定襄做网站、定襄网站设计、定襄网站制作等企业网站建设、网页设计与制作、定襄企业网站模板建站服务,10余年定襄做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

方法:1、使用“对象名.onclick=null”语句;2、使用“对象名.removeEventListener(type,function(){},false)”语句;3、使用“对象.detachEvent(类型,名称)”语句。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

封装一个兼容性事件绑定方法 应需求有时候事件绑定触发后就要接触事件。

解除事件绑定方法:

1、onclick解除

 element.onclick = false/''/null

实例

 var p = document.getElementByTagName("p")[0];      p.onclick = function () {     console.log("a");     p.onclick = null;  }

2、解除addEventListener(type,function(){},false),

使用remove解除

解除addEventListener(type,function(){},false),必须事件类型、函数、false一一对应

错误的解除方式

var p = document.getElementByTagName("p");
p.addEventListener('click',function(){
    console.log("a");
},false)
p.removeEventListener(type,(function(){console.log("a");}),false)

这种情况是解除不了的

正确的解除方式

function test(){
    console.log("a");
}
p.addEventListener('click',test,false);
p.removeEventListener('click',test,false);

3、解除attachEvent('on'+ type,function(){}),用 detachEvent('on'+type,function(){})解除

function test(){}
obj.attachEvent('on'+ type,test);
obj.detachEvent('on'+type,test)

以上是“javascript怎么解除绑定事件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:javascript怎么解除绑定事件
网页路径:http://hxwzsj.com/article/gedpje.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站建设 定制网站设计 成都网站设计 定制级高端网站建设 成都定制网站建设 成都网站建设公司 企业网站制作 定制网站设计 重庆网站建设 企业网站设计 营销型网站建设 LED网站设计方案 成都网站建设 成都响应式网站建设 成都网站建设 成都网站制作 成都品牌网站建设 温江网站设计 上市集团网站建设 营销型网站建设 网站建设费用 成都网站设计