javascript - 从事件监听器中调用 removeEventListener？

Question

我有一些简单的代码，但目前它不会在第一次调用后删除监听器。我怎样才能做到这一点？还是我真的需要在收到通知后对 var 集添加冗余 if/else 检查？

    document.addEventListener("contextmenu", function(e){
        alert("Please remember this is someone's art! Give credit where it is deserved!");
        document.removeEventListener("contextmenu", function(e){
            console.log('User has been warned...');
        });
    }, false);

更新的代码 每次右键单击仍然显示相同的消息

    document.addEventListener("contextmenu", function msg(e){
        alert("Please remember this is someone's art! Give credit where it is deserved!");
        e.removeEventListener("contextmenu", msg, false);
    }, false);

Answer 1

您需要传递与添加相同的函数来移除。

做到这一点的简单方法是为函数命名并将该名称传递给 removeEventListener():

 document.addEventListener("contextmenu", function me(e){
        alert("Please remember this is someone's art! Give credit where it is deserved!");
        document.removeEventListener("contextmenu", me, false);
    }, false);

参见 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.removeEventListener一个好的概述

强制 fiddle :http://jsfiddle.net/w1kzLkoL/

在 chrome、firefox 和 IE10 中测试