document.removeEventListener javascript

document.removeEventListener javascript,javascript,events,Javascript,Events,如何删除这种类型的侦听器 document.addEventListener("onSomething", function(){ //Do something }); 当尝试删除返回数参数异常时,在第二个参数中使用函数,但我没有函数 document.removeEventListener("customUploadComplete") 您需要引用该函数才能删除它。所以把它拉到一个函数中,这样你就可以移除它了 var thisThing = function(){ //Do so

如何删除这种类型的侦听器

document.addEventListener("onSomething", function(){
  //Do something
});
当尝试删除返回数参数异常时,在第二个参数中使用函数,但我没有函数

 document.removeEventListener("customUploadComplete")

您需要引用该函数才能删除它。所以把它拉到一个函数中,这样你就可以移除它了

var thisThing = function(){
  //Do something
}

document.addEventListener("onSomething", thisThing);
document.removeEventListener("onSomething", thisThing);

您需要引用该函数才能删除它。所以把它拉到一个函数中,这样你就可以移除它了

var thisThing = function(){
  //Do something
}

document.addEventListener("onSomething", thisThing);
document.removeEventListener("onSomething", thisThing);

您需要声明一个函数才能删除它。这是因为您需要在删除时引用它,以便浏览器能够识别要删除的事件

这是行不通的:

btn.addEventListener("click", function() { alert("clicked") });
btn.removeEventListener("click", function() { alert("clicked") });
因为没有对函数的引用。每个函数都是唯一的,即使它们内部有相同的代码

如果声明函数,则可以存储对该函数的引用,然后将其删除:

function clickEvent() {
  alert("clicked!");
}
btn.addEventListener("click", clickEvent);
btn.removeEventListener("click", clickEvent);
下面是一个例子:

let$=document.querySelector.bind(文档),
btn=$(“#b1”),
加上=$(“#b2”),
删除=$(“#b3”);
函数clickEvent(){
警报(“点击”);
}
btn.addEventListener(“点击”,点击事件);
remove.addEventListener(“单击”,函数(){
btn.removeEventListener(“单击”,单击事件);
警报(“事件已删除!”);
});
add.addEventListener(“单击”,函数(){
btn.addEventListener(“点击”,点击事件);
警报(“已添加事件!”);
});
点击我


添加事件侦听器删除事件侦听器
您需要声明一个函数才能删除它。这是因为您需要在删除时引用它,以便浏览器能够识别要删除的事件

这是行不通的:

btn.addEventListener("click", function() { alert("clicked") });
btn.removeEventListener("click", function() { alert("clicked") });
因为没有对函数的引用。每个函数都是唯一的,即使它们内部有相同的代码

如果声明函数,则可以存储对该函数的引用,然后将其删除:

function clickEvent() {
  alert("clicked!");
}
btn.addEventListener("click", clickEvent);
btn.removeEventListener("click", clickEvent);
下面是一个例子:

let$=document.querySelector.bind(文档),
btn=$(“#b1”),
加上=$(“#b2”),
删除=$(“#b3”);
函数clickEvent(){
警报(“点击”);
}
btn.addEventListener(“点击”,点击事件);
remove.addEventListener(“单击”,函数(){
btn.removeEventListener(“单击”,单击事件);
警报(“事件已删除!”);
});
add.addEventListener(“单击”,函数(){
btn.addEventListener(“点击”,点击事件);
警报(“已添加事件!”);
});
点击我

添加事件监听器删除事件监听器

来得太迟:-)@JG73这正是您需要做的!来得太迟:-)@JG73这正是你需要做的!