javascript封裝相容所有瀏覽器的繫結和刪除事件處理函式

螞蟻小編發表於2017-03-26

事件處理函式的註冊和刪除是javascript中最為基本的操作之一,不過在當前來,還存在著一定的相容性問題,下面就是一段能夠相容所有瀏覽器的事件處理函式的繫結和刪除程式碼,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function bind(target, type, func) {  if (target.addEventListener) {
    target.addEventListener(type, func, false);
  } 
  else if (target.attachEvent) {
    target.attachEvent("on" + type, func);
  } 
  else {
    target["on" + type] = func;
  }
}
 
function unbind(target, type, func) {
  if (target.removeEventListener) {
    target.removeEventListener(type, func, false);
  } 
  else if (target.detachEvent) {
    target.detachEvent("on" + type, func);
  } 
  else {
    target["on" + type] = null;
  }
}

上面的程式碼實現了我們的要求,下面對引數做一下簡單介紹。

引數註釋:

1.target:要註冊或者刪除事件處理函式的物件。

2.type:事件的型別。

3.func:事件處理函式。

相關文章