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

下面小編就為大家?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è)參考

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:js添加事件的通用方法推薦
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

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