封裝一個兼容瀏覽器DOM2級事件工具類

//綁定2級事件

//說明:handler指執行函數,type指事件類型.element參數為動態判斷時指window對象,調用方法時指元素對象

var EventUtil = {

addEventHandler:function(element,type.handler){

if(element.addEventListener){

//判斷是否支持attachListener? ? ? ? ? ? ? ? element.addEventListener(type,handler);

}else if(element.attachEvent){

? ? ? ? ? ? //判斷是否支持attachEvent

? ? ? ? ? ? element.attachEvent("on" + type,handler);

}else{

? //全都不支持,打回0級事件

? element["on" + type] = handler;

? ? }

},

//移除2級事件

removeEventHandler:function(element,type,handler){

if(element.addEventListener){

? ? ? ? element.removeEventListener(type,handler);

}else if(element.detachEvent){

element.detachEvent("on" +type,handler);

}else{

? element["on"+type] = null;

? ? ? }

? }

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 事件流: 事件流:頁面接收事件的順序。 IE定義的:事件冒泡流(由最具體的元素依次傳播到DOM樹的最上層的Docu...
    xiaoguo16閱讀 609評論 0 0
  • 以下文章為轉載,對理解JavaScript中的事件處理機制很有幫助,淺顯易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy閱讀 3,074評論 1 10
  • 聲明:本文來源于http://www.webzsky.com/?p=731我只是在這里作為自己的學習筆記整理一下(...
    angryyan閱讀 7,129評論 1 6
  • //事件處理兼容各種瀏覽器,采用能力檢測方法,所謂能力檢測,就是有能力就做,沒有能力就不做. //定義一個處理事件...
    土豆打怪獸閱讀 483評論 0 0
  • 什么是事件: 我們可以簡單的把事件理解為瀏覽器的感知系統。比如說:他可以感覺到用戶是否點擊(click)了頁面、鼠...
    張松1366閱讀 6,837評論 1 6