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

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

Answer 1

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

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

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

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

Answer 2

第一个想法，在原始的javascript（从这篇文章 ）：

            
my div
   

经过IE6和FireFox3.1的测试，它确实像宣传的那样工作。

Answer 3

这听起来好像你想要一个modal dialog。 这个jQuery插件http://code.google.com/p/simplemodal/看起来很有潜力。

Answer 4

如果div具有焦点，则可以附加到onblur事件。