javascript - removeEventListener，特殊情况怎么做

Question

这个问题已经有答案了:

How to removeEventListener that is addEventListener with anonymous function? (5 个回答)

已关闭 6 年前。

我有这个代码:

grabbale.addEventListener("leap-hand-grab", function(e){
if (e.state === "grab") {
            console.log("grabbed");
} else if (e.state === "release") {
            console.log("release");
} else if (e.state === "move") {
    if (stopGrab == 0) {
        grabbale.style.left = e.x - (grabbale.offsetWidth/2)+ "px";
        grabbale.style.top = e.y - (grabbale.offsetHeight/2)+ "px";
    } else {
        $("#foo").css({
        "color": "red"
        });
    }
}

})

我需要的是使用removeEventListener删除 eventListener，但它需要两个参数，事件和函数嗯>。在我的例子中，函数没有名称，事件是grabbale元素的拖动。 。我怎样才能做我需要的事情？

Answer 1

你可以使用命名函数来代替，这与匿名函数现在有名称是一样的。

grabbale.addEventListener("leap-hand-grab", grabListener);

function grabListener(e){
    if (e.state === "grab") {
        console.log("grabbed");
    } else if (e.state === "release") {
        console.log("release");
    } else if (e.state === "move") {
        if (stopGrab == 0) {
            grabbale.style.left = e.x - (grabbale.offsetWidth/2)+ "px";
            grabbale.style.top = e.y - (grabbale.offsetHeight/2)+ "px";
    } else {
        $("#foo").css({
        "color": "red"
        });
    }
}

要删除只需使用

grabbale.removeEventListener("leap-hand-grab", grabListener);

您需要删除事件的位置。

一些额外的链接:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/function#Named_function_expression