在我的页面上,我有很多各种各样的元素来响应点击事件.
有时我需要根据一些全局标志阻止所有的点击.
有没有办法我可以在集中的位置进行这种检查？
有时我需要根据一些全局标志阻止所有的点击.
有没有办法我可以在集中的位置进行这种检查？
现在在每个事件我检查标志,例如：
var canClick = false; // Global flag
// Sample click event:
$("#someDiv").click(function(){
if(!canClick) return;
// Some stuff ...
});
我想做的是在任何其他元素之前捕获所有点击事件的一个元素.
我尝试在文档上执行,但这些事件只发生在其他单击事件之后.
例：
$("#someDiv").click(function(){ console.log("someDiv click"); });
$(document).click(function(){ console.log("Document click"); });
// When I click on the someDiv element it prints:
> someDiv click
> Document click
我也试着把全屏幕放在所有的东西之上,并使用它来捕捉事件,但问题是没有一个点击被传播通过这个全屏幕.此外,我不想依赖创建额外的元素来捕获点击,因为它感觉有点黑客.
我可以覆盖jQuery点击功能,以便我可以把我的小检查在那里吗？
有没有什么明显的我在这里错过？
感谢任何帮助.
解决方法
是的,使用.addEventListener()并将第3个选项设置为true.这将绑定侦听器到捕获阶段,并在执行任何其他操作之前执行该函数.
以下是一个例子：这将阻止所有点击处理程序执行：
document.addEventListener('click',function(e) {
e.stopPropagation();
},true);
在这里看到它：
