将click事件绑定到文档比将其绑定到body更好吗？

Question

问题只是介于两者之间

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

哪个更有效率或更可取？还是取决于具体情况？

老实说,我已经互换使用它们,并且在我好奇并在这里问这个问题之前没有看到任何差异.

Answer 1

如果页面高度小于视口高度,则单击页面下方的视口不会触发'body'单击处理程序,而只会触发单击处理document程序.

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

在演示中,尝试单击文本下方的区域,您将看到只有document单击处理程序执行.

因此,最好将处理程序绑定到Document对象.