js添加事件的通用方法推荐

2019-11-20 10:03:27

字体：大中小

来源：转载

供稿：网友

js添加事件的通用方法推荐

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title></title>  </head>  <body>    <p id="p1">测试添加事件：firefox使用addEventListener,ie使用attachEvent<br>    点击此p标签，绑定了2个弹出事件</p>    <script>      function test1() {        alert("test1");      }      function test2(){        alert("test2");      }      //添加事件通用方法      function addEvent(element,e,fn) {        //firefox使用addEventListener，来添加事件        if(element.addEventListener) {          element.addEventListener(e,fn,false);        }        //ie使用attachEvent，来添加事件        else {          element.attachEvent("on"+e,fn);        }      }      window.onload = function(){        var element = document.getElementById("p1");        addEvent(element,"click",test1);        addEvent(element,"click",test2);      }    </script>  </body></html>

以上这篇js添加事件的通用方法推荐就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：浅析js绑定事件的常用方法

下一篇：js阻止默认浏览器行为与冒泡行为的实现代码