单击观察者隐藏图层

Question

我在Documents中有很多层将在不同的用户交互中显示。现在，如果用户点击文档中的任何其他位置，我想隐藏这些图层。这些图层具有不同的ID。

是否有任何通用的方法只为所有这些图层注册一个Observer？

Answer 1

您只需向document.body节点添加一个点击事件监听器，然后检查event.target属性以查看它是否在图层内部或外部，如果您不这样做，这应该在冒泡阶段正常工作t stopPropagation任何地方的事件，但是你可以在捕获阶段通过提供true作为addEventListener的最后一个参数来捕获它，如果不是这样的话。使这种跨浏览器兼容是留给读者的练习。