如何刪除javascript中的事件監聽器？

Question

我有這樣的代碼：

chrome.tabs.onUpdated.addListener(function(callback){ 
    var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; 
var eventer = window[eventMethod]; 
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message"; 

    eventer(messageEvent,function(e) {//script}); 

}); 

我想它已經解僱後刪除第二個偵聽器（按時間順序的第一個先發生，那麼當它得到一個消息，第二個火災）。

我真的不明白.removeEventListener函數的語法以及如何應用它在我的例子。我已經讀過，它不適用於監聽器中的匿名函數，所以我必須首先聲明函數，對嗎？

感謝您的任何幫助。

Answer 1

這是一個有點棘手，但我承擔。這裏是你如何添加一個事件偵聽器：

el.addEventListener("event", function() { 
    // code 
}); 

的removeEventListener的簽名幾乎是一樣的，但這裏的漁獲：你需要傳遞指的是你傳遞給addEventListener函數的變量。傳遞一個匿名函數並沒有幫助（因爲你以後無法再引用它）。所以，你的情況，你必須通過一個名爲函數：

function eventHandler (e) { /* handle e */ } 
el.addEventListener("event", eventHandler); 

刪除它，把它傳遞給removeEventListener：

el.removeEventListener("event", eventHandler); 

的el是您要添加的元素聽者，該event可以是一個事件，像click例如，和eventHandler指功能對象。

Answer 2

target.removeEventListener(type, listener[, options]); 

參考：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener

---

編輯：

var handler; 
chrome.tabs.onUpdated.addListener(function(callback) 
{ 
    var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent"; 
    var eventer = window[eventMethod]; 
    var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message"; 
    handler = function(e) 
    { 
     // Script 
    }; 
    eventer(messageEvent, handler); 
}); 

var cond = window.addEventListener; 
window[cond ? 'removeEventListener' : 'detachEvent'](cond ? 'message' : 'onmessage', handler);