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

根据文档 ，我的猜测是事件处理程序应该引用相同的函数：

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

简单的小提琴例子

Answer 2

我猜您应该使用对function() { clickKbButton(this); }的变量引用function() { clickKbButton(this); } function() { clickKbButton(this); } ， addEventListener和removeEventListener中的两个函数实际上是两个不同的函数。

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

然后在添加和删除侦听器时使用此处理程序变量。