javascript - 防止 Elements Below 弹出窗口响应

标签 javascript jquery html css

所以我有一个 div,我设计它来弹出并覆盖我的屏幕。问题是,当我单击此弹出窗口中的空白区域时,此弹出窗口下方的元素会响应这些点击。之后的效果是,我不小心从这个 div 下面的这些元素执行了我不想要的点击事件。

任何人都可以帮我解决这个问题,最好是使用纯 css。我曾经找到一种使用 css 来阻止这种行为的方法,但我似乎不记得我是如何做到的。

最佳答案

您是否尝试使用指针事件?

使用 pointer-events: none; 禁用弹出窗口中的指针事件,如果您有可点击的内容,只需使用 pointer-events: auto; 将其恢复即可;

关于javascript - 防止 Elements Below 弹出窗口响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31609505/

相关文章:

javascript - 删除逗号以分隔 D3 中数千个轴标签的组

javascript - 如果您在模态中开始或结束单击事件,如何防止简单的 React 模态被关闭?

php - 检测哪个按钮被按下

jquery - 如何使用自定义 div 元素在 Jquery 中显示工具提示

javascript - 填充4个字符后如何移动下一个输入选项卡

html - 有没有办法强制水平导航菜单中的多字 li 保持在一行?

for循环中特定元素的Javascript数组组

javascript - 返回值数组

html - Chrome 中 100% 高度溢出主体的 Div

javascript - 默认情况下数组没有原型(prototype)吗?