javascript - 单击背景或按钮时如何关闭图层弹出窗口?

标签 javascript jquery

场景如下。

enter image description here

  1. 默认状态(无图层弹出)
  2. 当我单击按钮时,会显示图层弹出窗口。
  3. 点击按钮或外部,图层弹出窗口将隐藏。

我想在单击背景(外部)或按钮时关闭图层弹出窗口。

我该如何使用 Vanilla JS 或 jquery? (基于 HTML)

如果您能回答,我将不胜感激。

最佳答案

当您打开弹出窗口时,将一个点击监听器附加到主体,将其关闭并删除监听器。

关于javascript - 单击背景或按钮时如何关闭图层弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69732883/

相关文章:

javascript - 如何在 DIV 中显示 JSON 响应的错误?

javascript - 禁用超链接左键单击但允许右键单击

javascript - 检测 typescript 中的文本溢出

javascript - 使div元素并排显示

javascript - 移动端js内存泄漏

在多个对象上向 Flex 发送 Javascript 通知

javascript - jQuery Animate 顶部(从底部到顶部)

javascript - 我们可以在 jquery 的 .each 中使用 .each 吗?

javascript - 在 jquery Mobile 中获取表单 ID 'pageshow'

jquery - 如何在悬停时不更改动态表标题行的背景颜色