JavaScript 使用参数移除事件监听器

Question

我正在添加一个需要事件属性以及其他参数的事件侦听器

    document.body.addEventListener("click", (e) =>
        listenForMembersOpen(e, buttonReplacement, openEditModal)
    );

当我的组件卸载但正在运行时，我需要删除此事件侦听器：

    document.body.removeEventListener("click", (e) =>
        listenForMembersOpen(e, buttonReplacement, openEditModal)
    );

似乎没有完成工作。我认为这是因为事件侦听器中的函数声明。关于如何删除显示的事件列表器的任何建议？

Answer 1

是的。您需要有一个函数，否则 javascript 将无法找到函数参考

    function listener (e) {
       listenForMembersOpen(e, buttonReplacement, openEditModal)
    }

    document.body.addEventListener("click", listener);    
    document.body.removeEventListener("click", listener);