javascript - How can I remove an event listener in a class?

Question

Why is this not removing the event listeners when I click the button? I've already assigned the functions to variables and used those as parameters, but it still wont work. What am I doing wrong? I'm very new to working with classes, so the problem might be there.

class InputHandler{
constructor(){
    this.down = this.keyDown.bind(this);
    this.up = this.keyUp.bind(this);

    document.addEventListener("keydown", this.down);
    document.addEventListener("keyup", this.up);

    document.getElementById("button").addEventListener("click", this.onClick);
}

keyDown(event){
    //do stuff
}

keyUp(event){
    //do stuff
}

onClick(){
    document.removeEventListener("keydown", this.down);
    document.removeEventListener("keyup", this.up);
}

}

question from:https://stackoverflow.com/questions/65939984/how-can-i-remove-an-event-listener-in-a-class

Answer 1

Waitting for answers