javascript - 单击 Windows mobile 中的绝对 DIV 触发单击基础元素

Question

我有一个绝对位置宽度高度和宽度为 100% 的叠加 DIV。但是，当我单击覆盖 DIV 时，会在覆盖 DIV 的基础元素上发生单击。叠加 DIV 样式如下所示

 .overlayDIV{
     absolute : absolute;
     height : 100%;
     width : 100%;  
     z-index : 1234;       
 }

我怎样才能防止这种情况......？此问题仅存在于 Windows mobile

Answer 1

您可以停止事件的传播：

JavaScript：

document.getElementById('divId').onclick = function (event) {
    event.preventDefault();
    event.stopPropagation();
}

jQuery：

$('#divId').click(function (event) {
    event.preventDefault();
    event.stopPropagation();
});

此外，如果您在页面下方的 mousedown 上有一些处理程序，则需要从覆盖 div 中取消 mousedown（相同的代码，但用于 mousedown 处理程序）。

Answer 2

我在 IE 10 但不是 11 中遇到过这种情况，我的解决方案是将以下 CSS 规则添加到叠加层：

background:rgba(0,0,0,0);