我的文档中有许多层,这些层将在不同的用户交互中显示。现在,如果用户单击文档中的其他任何位置,我想隐藏这些图层。这些层有不同的ID。
是否有任何通用方法可以为所有此类层仅注册一个观察者?
最佳答案
您只需将单击事件监听器添加到 document.body
节点并检查 event.target
属性来查看它是在层内部还是外部,如果您不在任何地方 stopPropagation
事件,这应该在冒泡阶段工作正常,但是您可以通过提供 在捕获阶段捕获它>true
作为 addEventListener
的最后一个参数(如果情况并非如此)。使这个跨浏览器兼容留给读者作为练习。
关于javascript - 单击观察器时隐藏图层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9992034/