jQuery click()事件catch-all？

Question

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

Answer 1

你可以这样做:

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

由于click事件将在默认情况下,冒泡到document,这是一个"赶"的办法......如果你不想从点击里面的复选框以关闭它,添加一个.stopPropagation()随叫随到的 click像这样的活动:

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