兼容：绑定事件与解绑事件的兼容代码

最新推荐文章于 2022-10-20 17:41:22 发布

zhw13260525048

最新推荐文章于 2022-10-20 17:41:22 发布

阅读量117

点赞数

分类专栏：前端兼容代码文章标签： JS 绑定事件解绑事件兼容代码

本文链接：https://blog.csdn.net/zhw13260525048/article/details/83901938

版权

前端兼容代码专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

</head>
<body>
<input type="button" value="按钮" id="btn1"/>
<input type="button" value="干掉第一个按钮的事件" id="btn2"/>
<script src="common.js"></script>
<script>

  //绑定事件的兼容
  function addEventListener(element,type,fn) {
    if(element.addEventListener){
      element.addEventListener(type,fn,false);
    }else if(element.attachEvent){
      element.attachEvent("on"+type,fn);
    }else{
      element["on"+type]=fn;
    }
  }
  //解绑事件的兼容
  //为任意的一个元素,解绑对应的事件
  function removeEventListener(element,type,fnName) {
    if(element.removeEventListener){
      element.removeEventListener(type,fnName,false);
    }else if(element.detachEvent){
      element.detachEvent("on"+type,fnName);
    }else{
      element["on"+type]=null;
    }
  }
  function f1() {
    console.log("第一个");
  }
  function f2() {
    console.log("第二个");
  }
  addEventListener(my$("btn1"),"click",f1);
  addEventListener(my$("btn1"),"click",f2);
  my$("btn2").onclick=function () {
    removeEventListener(my$("btn1"),"click",f1);
  };


</script>
</body>
</html>

zhw13260525048

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
兼容：绑定事件与解绑事件的兼容代码

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;input type=
复制链接

扫一扫