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

字號(hào):


    下面小編就為大家?guī)?lái)一篇js添加事件的通用方法推薦。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。
    js添加事件的通用方法推薦
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title></title>
      </head>
      <body>
        <p id="p1">測(cè)試添加事件:firefox使用addEventListener,ie使用attachEvent<br>
        點(diǎn)擊此p標(biāo)簽,綁定了2個(gè)彈出事件</p>
        <script>
          function test1() {
            alert("test1");
          }
          function test2(){
            alert("test2");
          }
          //添加事件通用方法
          function addEvent(element,e,fn) {
            //firefox使用addEventListener,來(lái)添加事件
            if(element.addEventListener) {
              element.addEventListener(e,fn,false);
            }
            //ie使用attachEvent,來(lái)添加事件
            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添加事件的通用方法推薦就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考