javascript - 文档的 onclick 事件阻止元素的事件

Question

我有一个带有这样代码的外部JS

document.addEventListener("mousedown",docclick,1);
document.addEventListener("click",docclick,1);

我的 JS 包含:

$("#close").click(function(e){
    e.preventDefault();
    $("#box").remove();
});

前面的代码阻止我的代码执行。如何让我的代码也运行？

Answer 1

因为外部JS附加到document并配置了使用捕获(在方法调用中用1表示)，所以它很可能在点击事件到达您的事件之前捕获它听众。您需要删除它们的监听器并重新连接它，而不使用捕获，如下所示:

//Remove the offending event listener
document.removeEventListener("click",docclick,1);
//Add your listener
$('#close').click(function(e){
    e.preventDefault();
    $("#box").remove();
});
//Reattach the offending event listener, without capture
document.addEventListener("click",docclick);

希望这有帮助。