源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js绑定事件和解绑事件

  • 时间:2020-12-13 15:02 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js绑定事件和解绑事件
在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 [b]attachEvent方法  只支持IE678,不兼容其他浏览器[/b] [b]addEventListener方法   兼容火狐谷歌,不兼容IE8及以下[/b] [b]addEventListener方法[/b]
div.addEventListener('click',fn);

div.addEventListener('click',fn2);
function fn(){ console.log("春雨绵绵"); }

function fn2(){
        console.log("到处潮湿");
      }
[b]attachEvent方法[/b]
div.attachEvent('onclick',fn);
div.attachEvent('onclick',fn2);
function fn(){ console.log("春雨绵绵"); }
function fn2(){
        console.log("到处潮湿");
      }
[b]注意点:attachEvent方法绑定的事件是带on的,addEventListener绑定的事件是不带on的[/b] 下面我写了一个兼容了IE和火狐谷歌的方法
var div=document.getElementsByTagName("div")[0];
      addEvent('click',div,fn)
      function addEvent(str,ele,fn){
        ele.attachEvent?ele.attachEvent('on'+str,fn):ele.addEventListener(str,fn);
      }
      function fn(){
        console.log("春雨绵绵");
      }
这样就完美的解决了兼容性的问题 有绑定事件的话,那就肯定有解绑事件,但是解绑事件和绑定事件一样,万恶的IE还是会搞特殊化 [b]detachEvent方法  只支持IE678,不兼容其他浏览器[/b] [b]removeEventListener方法   兼容火狐谷歌,不兼容IE8及以下[/b] [b]detachEvent方法写法:[/b] [code]ele.detachEvent("onclick",fn);[/code] [b]removeEventListener的写法:[/b] [code]ele.removeEventListener("click",fn);[/code] 下面我写了一个兼容性的方法给大家参考,实现也是很简单
function remove(str,ele,fn){
        ele.detachEvent?ele.detachEvent("on"+str,fn):ele.removeEventListener(str,fn);
      }
[b]注意点:不管是绑定事件attachEvent还是删除事件detachEvent都是要加on的,removeEventListenser和addEventListenser则不需要加on[/b] 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部