javascript - 向每个元素添加额外的单击事件 (JavaScript/jQuery)

Question

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

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

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

Answer 1

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

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

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