jQuery click() 事件包罗万象？

Question

我们在屏幕上显示一个框，当用户单击屏幕上的任何位置(包括正文、 anchor 、div、按钮等)时，我想隐藏该框...是否有一个选择器可以为我处理这个问题？或者是 $('body, a, div, input').click() 的情况？

Answer 1

你可以这样做:

$(document).click(function() {
  $("#boxID").hide();
});

因为默认情况下，click 事件将 bubble up对于文档，这是一种“捕获所有”方法...如果您不希望从框内单击来关闭它，请添加 .stopPropagation()调用那些 click 事件，如下所示:

$("#boxID").click(function(e) {
  e.stopPropagation();
});