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

更新時間：2016年05月15日 09:40:22 投稿：jingxian

下面小編就為大家?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添加事件的通用方法推薦就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JS實現(xiàn)的在線調色板實例(附demo源碼下載)
這篇文章主要介紹了JS實現(xiàn)的在線調色板,可實現(xiàn)響應鼠標點擊動態(tài)改變調色板顏色的功能,涉及JavaScript針對頁面元素屬性的動態(tài)操作與計算技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-03-03
JavaScript中實現(xiàn)塊作用域的方法
在Javascript中由于沒有作用域的概念，所以很容易發(fā)生標識符名稱的沖突，尤其是在比較大的項目中，這類情況更容易發(fā)生
2010-04-04
基于javascript數(shù)組實現(xiàn)圖片輪播
這篇文章主要為大家詳細介紹了基于javascript數(shù)組實現(xiàn)圖片輪播的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-05-05
node express使用HTML模板的方法示例
這篇文章主要介紹了node express使用HTML模板的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-08-08
JavaScript中的appendChild()方法示例詳解
這篇文章主要介紹了JavaScript中的appendChild()方法,appendChild()方法是向節(jié)點添加最后一個子節(jié)點,也可以使用此方法從一個元素向另一個元素移動元素,本文結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
2023-10-10
javascript彈出拖動窗口
在很多網(wǎng)頁上可以看到，點擊網(wǎng)頁的某個地方能夠彈出一個新窗口，并且可以在屏幕中隨意拖動，通過此篇文章給大家介紹javascript彈出拖動窗口，有需要的朋友可以參考下
2015-08-08
js組件SlotMachine實現(xiàn)圖片切換效果制作抽獎系統(tǒng)
這篇文章主要介紹了js組件SlotMachine實現(xiàn)圖片切換效果制作抽獎系統(tǒng)的相關資料,需要的朋友可以參考下
2016-04-04
JavaScript閉包中難點深入分析
閉包是js的一個難點也是它的一個特色,是我們必須掌握的js高級特性,下面這篇文章主要給大家介紹了關于JavaScript閉包函數(shù)的相關資料,需要的朋友可以參考下
2022-11-11
js隨機生成26個大小寫字母
這篇文章主要為大家詳細介紹了javascript隨機生成26個大小寫字母，感興趣的朋友可以參考一下
2016-02-02
微信小程序實現(xiàn)發(fā)送驗證碼按鈕效果
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)發(fā)送驗證碼按鈕效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12