javascript - 在特定 div 之外的页面上的任何地方单击事件

Question

我想在用户单击该 div 之外的页面上的任意位置时隐藏该 div。我怎样才能使用原始 javascript 或 jQuery 做到这一点？

Answer 1

将点击事件附加到文档以隐藏 div:

$(document).click(function(e) {
   $('#somediv').hide();
});

将点击事件附加到 div 以阻止点击它传播到文档:

$('#somediv').click(function(e) {
   e.stopPropagation();
});