Javascript - removeEventListener 不工作

Question

我正在尝试使用以下代码添加或删除 EventListener。

function a(input) {
    var b = document.getElementsByClassName("class_name");
  
    if (input == "add"){
      for (let i = 0; i < 5; i++){
        b[i].addEventListener("click", c); // This is working!
      }
    }
  
    if (input == "remove"){
      for (let i = 0; i < 5; i++){
        b[i].removeEventListener("click", c); // This is not working!
      }
    }
  
    function c(d){
      random_function(e); // "e" is a global variable
      e = d.currentTarget.getAttribute("id");
      random_function(e); // Running again the same function
    }
  }

addEventListener 按预期工作，但 removeEventListener 不工作。 这是为什么？

Answer 1

每次调用a(input)时，解释器都会创建一个新的c(d) function，其引用不同于作为侦听器的c(d) 。 将c(d)从a(input)中移出将解决问题。 （只要functiona可以访问functionc）

function c(d){
  random_function(e);
  f = d.currentTarget.getAttribute("id");
  random_function(e); // Running again the same function.
}

function a(input) {
    var b = document.getElementsByClassName("class_name");
  
    if (input == "add"){
      for (let i = 0; i < 5; i++){
        b[i].addEventListener("click", c);
      }
    }
  
    if (input == "remove"){
      for (let i = 0; i < 5; i++){
        b[i].removeEventListener("click", c);
      }
    }
  }