相关疑难解决方法(0)

在JavaScript中,使用bind()删除作为事件侦听器添加的函数的最佳方法是什么？

例

(function(){

    // constructor
    MyClass = function() {
        this.myButton = document.getElementById("myButtonID");
        this.myButton.addEventListener("click", this.clickListener.bind(this));
    };

    MyClass.prototype.clickListener = function(event) {
        console.log(this); // must be MyClass
    };

    // public method
    MyClass.prototype.disableButton = function() {
        this.myButton.removeEventListener("click", ___________);
    };

})();

我能想到的唯一方法就是跟踪每个添加了bind的侦听器.

以上示例使用此方法:

(function(){

    // constructor
    MyClass = function() {
        this.myButton = document.getElementById("myButtonID");
        this.clickListenerBind = this.clickListener.bind(this);
        this.myButton.addEventListener("click", this.clickListenerBind);
    };

    MyClass.prototype.clickListener = function(event) {
        console.log(this); // must be MyClass
    };

    // public method
    MyClass.prototype.disableButton = function() {
        this.myButton.removeEventListener("click", this.clickListenerBind);
    };

})();

有没有更好的方法来做到这一点？

我在JavaScript中创建了一个类,它在启动类时执行与特定任务相关的键调用(按键).

类有一个函数'receaveKey',这个函数由addEventListener引用

 document.addEventListener("keypress",this.receaveKey.bind(this));

这适用于我,但我的类有另一个功能"退出"当这个被调用时,我想删除该事件监听器,我尝试了这个,但确实有效.

document.removeEventListener("keypress",this.receaveKey.bind(this));

注意: - 我也试过这个但是有问题我不能给出类的启动对象的引用,因为当使用类的'函数'按键时我也必须做一些任务.

document.addEventListener("keypress",staticClassReceaveKey);

document.removeEventListener("keypress",staticClassReceaveKey);

注意: - 我也试过这个

document.addEventListener("keypress",this.receaveKey);

    document.removeEventListener("keypress",this.receaveKey);

但是当使用类的方法作为引用函数时,没有找到任何运气,因为没有删除监听器