单击观察者时隐藏层

Hiding Layers on click observer

本文关键字：隐藏观察者单击更新时间：2023-09-26

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

有没有任何通用的方法可以为所有这些层只注册一个观察者？

您只需在document.body节点中添加一个点击事件侦听器，并检查event.target属性，看看它是在层内部还是在层外部，如果您在任何地方都没有stopPropagation事件，这在冒泡阶段应该可以很好地工作，但如果不是这样，您可以在捕获阶段通过向addEventListener提供true作为最后一个参数来捕获它。让这个跨浏览器兼容是留给读者的练习。