删除 Function 内部的事件侦听器

Question

I've got two vote buttons (yes/no), each with an event listener. If they click no, I want to remove the yes. But that removeEventListener within the voteNo function appears to not be removing the voteYes listener.

Any idea what I'm doing wrong? Thanks in advance!

document.getElementById("voteButtonYesID").style.display = "inline";
document.getElementById("voteButtonNoID").style.display = "inline";
        // listen for the no click
document.getElementById('voteButtonNoID').addEventListener('click', (e) => voteNo(e, direction),{once: true});

        // listen for the yes click
document.getElementById('voteButtonYesID').addEventListener('click', (e) => voteYes(e, direction),{once: true});


    function voteNo(e, direction) {
        e.preventDefault();
        // clear the voting buttons
        document.getElementById("voteMessageID").style.display = "none";
        document.getElementById("voteButtonYesID").style.display = "none";
        document.getElementById("voteButtonNoID").style.display = "none";

        document.getElementById('voteButtonNoID').removeEventListener('click', voteNo);
        document.getElementById('voteButtonYesID').removeEventListener('click', voteYes);

Answer 1

You never assigned voteNo as an event listener, you assigned anonymous function (e) => voteNo(e, direction)

You would have to declare this function before