在特定div之外的页面上的任意位置单击事件

sum*_*mek 10 javascript jquery

当用户点击该div之外的页面上的任何位置时,我想隐藏div.我怎么能用原始的javascript或jQuery做到这一点?

Era*_*rin 30

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

$(document).click(function(e) {
   $('#somediv').hide();
});
Run Code Online (Sandbox Code Playgroud)

将单击事件附加到div以阻止对其的单击传播到文档:

$('#somediv').click(function(e) {
   e.stopPropagation();
});
Run Code Online (Sandbox Code Playgroud)

  • @scunliffe - 这是真的,他们基本上做同样的事情.关于stopProp的好处是它不必是最后一行,所以你总是可以把它放在第一行以便于阅读,例如. (2认同)