javascript - 单击观察器时隐藏图层

标签 javascript prototypejs

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

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

最佳答案

您只需将单击事件监听器添加到 document.body 节点并检查 event.target属性来查看它是在层内部还是外部,如果您不在任何地方 stopPropagation 事件,这应该在冒泡阶段工作正常,但是您可以通过提供 在捕获阶段捕获它>true 作为 addEventListener 的最后一个参数(如果情况并非如此)。使这个跨浏览器兼容留给读者作为练习。

关于javascript - 单击观察器时隐藏图层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9992034/

相关文章:

javascript - 使用 axios 向cherrypy 函数发送 POST 请求时输入被忽略

javascript - Prototype 1.7 Object.extend 在原型(prototype)类中使用时无法正常工作

jquery - 在加载 openlayers map 时使用 jQuery 选项卡遇到问题

javascript - 模块构建失败 : Error: write EPIPE (or make processCssUrls:false) in css imports Laravel Mix

javascript - 单击选项卡时不加载隐藏图像或加载内容

javascript - 模态窗口和 Div 刷新

javascript - HTML5 Canvas : Create a Image. onload() 函数通过 Image.prototype

apache - 表单提交后 IE8 帖子正文变空

javascript - 以全屏模式打开网址

javascript - 跨不同端口的 Backbone.js 站点