js添加事件的通用方法推薦
來源:易賢網(wǎng) 閱讀:1059 次 日期:2016-06-30 15:35:45
溫馨提示:易賢網(wǎng)小編為您整理了“js添加事件的通用方法推薦”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄猨s添加事件的通用方法推薦。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。

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添加事件的通用方法推薦就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:js添加事件的通用方法推薦
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)