javascript - 如何忽略 div 弹出窗口下的点击？

Question

我有一个可以激活的弹出窗口，但它下面的所有内容，即使您不再看到它，仍然接受点击。

我的弹出 div 的 CSS 是

#wrapper {
    position:fixed;
    border-top:0px;
    border-bottom:0px;
    z-index:1002;
    overflow:hidden;
    visibility:hidden;
}

Answer 1

当弹出窗口出现时，您可以尝试将所有点击事件捕获到窗口，event.stopImmediatePropagation();如果您使用的是 jQuery，或者只是返回 false 以防止任何其他事件被调用，请执行 a。

然后在弹出窗口消失时删除此绑定。这就像在你所有的活动上盖上一层黑色的窗帘。