removeEventListener不工作

Question

添加監聽

for (i = 0; i < kbButtons.length; i++) { 
     kbButtons[i].addEventListener("click", function() { clickKbButton(this); }, false); 
    } 

應該刪除監聽

function clickKbButton (elem) { 
    elem.removeEventListener("click", function() { clickKbButton(this); }, false); 
    elem.id = "invis" 
    } 

一切都在控制檯，點擊按鈕的作品做工精細，沒有錯誤，但它沒有被刪除後，我點擊它

Answer 1

按documentation，我的猜測是，事件處理程序應該是同一個功能：

for (i = 0; i < kbButtons.length; i++) { 
    kbButtons[i].addEventListener("click", clickKbButton, false); 
} 
function clickKbButton (ev) { 
    this.removeEventListener("click", clickKbButton, false); 
    this.id = "invis" 
} 

Simple fiddle example

Answer 2

我想你應該使用一個變量引用function() { clickKbButton(this); }，你的addEventListener & removeEventListener這兩個函數實際上是兩個不同的函數。

var handler = function() { clickKbButton(this) }; 

然後在添加&刪除偵聽器時使用此處理程序變量。