删除添加的事件侦听器 [重复]

Question

可能重复：
JavaScript: remove event listener

我正在使用以下 javascript 在我的 html 页面中添加一些侦听器。但是一旦单击该元素，我就需要删除侦听器。对此的任何想法将不胜感激。

这是监听器的 JavaScript 代码，

document.addEventListener('mousemove',function(e){
    var elem = e.target || e.srcElement;
    if (prevElement!= null) {prevElement.classList.remove("className");}
    elem.classList.add("className");
    prevElement = elem;
},true);

Answer 1

您必须使用命名函数。然后您可以使用removeEventListener 将其删除：

function mouseMoveCallback(e) {
    // Put your code here...
}

function clickCallback(e) {
    document.removeEventListener('mousemove', mouseMoveCallback, true);
    document.removeEventListener('click', clickCallback, true);
}

document.addEventListener('mousemove', mouseMoveCallback, true);
document.addEventListener('click', clickCallback, true);