捕获使用jQuery执行的任何单击

Question

我想这样做的菜鸟方式

$('*').click(function(){...});

但有没有办法可以捕获任何类型的点击，而不必为DOM中的每个对象注册一个监听器？

---

帮助会很棒。 =）

Answer 1

默认情况下， click事件会冒充DOM ，因此您只需将click处理程序附加到根目录，如下所示：

$(document).click(function() {
  //do something
});

除非沿途的元素上的处理程序执行event.stopPropagation()或return false ，否则您将获得此处的单击。

Answer 2

您可以在文档上使用事件委派来捕获所有点击。

jQuery将填充event的target属性以检索单击的元素。

$(document).click(function(event){
  // event.target is the clicked object
});

请注意， event.target将是单击的最深元素。 例如：如果<a>有<span> ，您将获得<span> ，而不是<a> 。

如果您想捕获任何单击但想要检索特定元素（如类），您可以执行以下操作：

$(document).click(function(event){
  $(event.target).closest(".clickable").each(function(){
    // "this" is your "clickable" clicked
  });
});

除非沿途的元素上的事件处理程序执行event.stopPropagation()或return false ，否则您将获得此处的单击。

Answer 3

如何将咔嗒声附加到身体上？

$('body').click(function(e){ ... })

e.target应该包含点击的内容

Answer 4

$('*').click( function() {...} )只会捕获您调用.click()时存在的元素的点击次数。 要捕获稍后可能创建的元素的点击，您需要像其他人建议的那样绑定到body或document 。

Answer 5

怎么样：

$('body').click(function(){...});

任何单击都将在主体上，因为它是dom中所有可见节点的父节点。