所以我有一个 div,我设计它来弹出并覆盖我的屏幕。问题是,当我单击此弹出窗口中的空白区域时,此弹出窗口下方的元素会响应这些点击。之后的效果是,我不小心从这个 div 下面的这些元素执行了我不想要的点击事件。
任何人都可以帮我解决这个问题,最好是使用纯 css。我曾经找到一种使用 css 来阻止这种行为的方法,但我似乎不记得我是如何做到的。
最佳答案
您是否尝试使用指针事件?
使用 pointer-events: none;
禁用弹出窗口中的指针事件,如果您有可点击的内容,只需使用 pointer-events: auto; 将其恢复即可;
关于javascript - 防止 Elements Below 弹出窗口响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31609505/