javascript - 为每个元素添加一个额外的点击事件（JavaScript / jQuery）

Question

我正在开发一个触摸屏应用程序，除此之外，它还会记录屏幕使用的次数，以便在预定义的点击次数后提醒用户清洁屏幕。

我已经很好地编写了点击函数，我现在需要的是确保在点击时调用该函数。

我想$('*').click(function() { //do something });会实现我的目标，但这是最好的方法吗？另外，这会覆盖分配给元素的其他点击功能吗？

Answer 1

它会添加，而不是覆盖，但更好的解决方案是：

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

由于点击冒泡，只需在文档级别使用一个事件进行侦听，而不是在下面的每个元素上创建事件。对于覆盖部分...您可以根据需要添加任意数量的处理程序，它们将按照绑定的顺序执行。

Answer 2

最好的方法是将事件处理程序分配给document它自己。事件气泡和文档可以全部捕获，同时仍保留事件的来源。