快捷導(dǎo)航

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

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

下面小編就為大家?guī)?lái)一篇js添加事件的通用方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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