IE 的事件綁定函數(shù)是 attachEvent；而 Firefox, Safari 是 addEventListener；Opera 則兩種都支持。使用jQuery就可以使用簡單的bind()，或者$().click()之類的函數(shù)解決，而如果不使用JavaScript框架的時(shí)候，大家可是使用下面的封裝bind()函數(shù)。

添加事件綁定 bind()

/************************************
* 添加事件綁定
* @param obj  : 要綁定事件的元素
* @param type : 事件名稱。不加 "on". 如 : "click" 而不是 "onclick".
* @param fn  : 事件處理函數(shù)
************************************/
function bind( obj, type, fn ){
  if( obj.attachEvent){
    obj['e'+type+fn]= fn;
    obj[type+fn]=function(){
     obj['e'+type+fn]( window.event);
    }
    obj.attachEvent('on'+type, obj[type+fn]);
  }else
    obj.addEventListener( type, fn,false);
}

例如給document添加一個(gè)點(diǎn)擊事件：

var fn=function(){
  alert("Hello, World!!");
};
bind(document,"click", fn);

刪除事件綁定 unbind()

unbind()對(duì)于上面的bind()函數(shù)

/************************************
* 刪除事件綁定
* @param obj : 要?jiǎng)h除事件的元素
* @param type : 事件名稱。不加 "on". 如 : "click" 而不是 "onclick"
* @param fn : 事件處理函數(shù)
************************************/
function unbind( obj, type, fn ){
  if( obj.detachEvent){
    obj.detachEvent('on'+type, obj[type+fn]);
    obj[type+fn]=null;
  }else
    obj.removeEventListener( type, fn,false);
}

例如刪除第一個(gè)綁定的document點(diǎn)擊事件：

復(fù)制代碼代碼如下:

unbind(document,"click",fn);

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript檢查數(shù)字是否為整數(shù)或浮點(diǎn)數(shù)的方法
這篇文章主要介紹了JavaScript檢查數(shù)字是否為整數(shù)或浮點(diǎn)數(shù)的方法,涉及javascript類型判斷的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
JavaScript 作用域鏈解析
一直對(duì)Js的作用域有點(diǎn)迷糊，今天偶然讀到Javascript權(quán)威指南，立馬被吸引住了，寫的真不錯(cuò)。我看的是第六版本，相當(dāng)?shù)暮?，大?000多頁，Js博大精深，要熟悉精通需要大毅力大功夫。謝謝心得吧
2014-11-11
微信小程序通過點(diǎn)擊事件跨頁面?zhèn)鲄⒓癲ata-方法傳參（data-）的示例詳解
在?vue?中，我們可以直接在點(diǎn)擊事件中放入傳遞的參數(shù)進(jìn)行傳參；然而微信小程序中并不適用這樣的寫法，但是微信小程序可以通過自定義屬性從而綁定參數(shù)使用，這篇文章主要介紹了微信小程序通過點(diǎn)擊事件跨頁面?zhèn)鲄⒁约癲ata-方法傳參（data-）,需要的朋友可以參考下
2023-12-12
DIV菜單層實(shí)現(xiàn)代碼
昨天我問一美工jQuery怎么樣了，他說簡單的還可以，復(fù)雜的就不行了，我又問是哪種程度的復(fù)雜？
2010-11-11
js正則表達(dá)式之前瞻后顧與非捕獲分組
話說自從學(xué)前端以來聽到過多次這樣的"笑話",程序員分為會(huì)正則的和不會(huì)正則的,可見正則的重要性,這篇文章主要給大家介紹了關(guān)于js正則表達(dá)式之前瞻后顧與非捕獲分組的相關(guān)資料,需要的朋友可以參考下
2021-10-10
echarts地圖設(shè)置背景圖片及海岸線實(shí)例代碼
公司的業(yè)務(wù)涉及到統(tǒng)計(jì)圖的有很多,最近一直echarts里面踩各種坑,下面這篇文章主要給大家介紹了關(guān)于echarts地圖設(shè)置背景圖片及海岸線的相關(guān)資料,需要的朋友可以參考下
2022-12-12
小程序中設(shè)置緩存過期的實(shí)現(xiàn)方法
這篇文章主要介紹了小程序中設(shè)置緩存過期的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
本地存儲(chǔ)localStorage用法詳解
這篇文章主要為大家詳細(xì)介紹了本地存儲(chǔ)localStorage的用法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
JavaScript 反科里化 this [譯]
本文主要講了JavaScript中科里化和反科里化this的方法.話題來自于Brendan Eich(JavaScript之父)的一個(gè)tweet
2012-09-09
利用Math.js解決JS計(jì)算小數(shù)精度丟失問題
電商系統(tǒng)中訂單、庫存中有數(shù)字等加減乘除算術(shù),下面這篇文章主要給大家介紹了關(guān)于利用Math.js解決JS計(jì)算小數(shù)精度丟失問題的相關(guān)資料,mathjs是一個(gè)前端在計(jì)算上面必定會(huì)用到的類庫,需要的朋友可以參考下
2022-04-04