jquery - 将单击事件绑定(bind)到文档是否比将其绑定(bind)到正文更好？

Question

问题在于

$("body").click(function(e){}); 与 $(document).click(function(e){});

哪个更有效或更可取？还是要看具体情况？

老实说，我一直交替使用它们，直到我好奇并在这里提出这个问题之前，我没有看到任何差异。

Answer 1

如果页面高度小于视口(viewport)高度，则点击页面下方的视口(viewport)将不会触发'body'点击处理程序，而只会触发document单击处理程序。

现场演示: http://jsfiddle.net/simevidas/ZVgDC/

在演示中，尝试单击文本下方的区域，您将看到仅执行 document 单击处理程序。

因此，最好将处理程序绑定(bind)到 Document 对象。