Javascript 单击观察者隐藏图层

我在文档中有许多层，它们将显示在不同的用户交互上。现在，如果用户单击文档中的任何其他位置，我想隐藏这些层。这些层有不同的ID

---

是否有任何通用方法可以只为所有此类层注册一个观察者？

您只需向

文档.body

节点添加一个单击事件侦听器，并检查属性是否在您的层内或层外，如果您不在任何位置停止该事件，则该方法在冒泡阶段都可以正常工作，但是，如果不是这样，您可以在捕获阶段通过提供

true

作为

addEventListener

的最后一个参数来捕获它。让这个跨浏览器兼容留给读者作为练习。

但是如何检查一个层是否可见？好吧，如果你用

el.style.display=“none”

隐藏它们，那么你只需比较

var hidden=（el.style.display=“none”）。没有代码，我真的帮不上什么忙-有很多不同的方法。。。