javascript - 单击 Windows Mobile 中的绝对 DIV 触发单击底层元素

Question

我有一个绝对位置宽度高度和宽度为 100% 的叠加 DIV。但是当我点击覆盖 DIV 时，点击发生在覆盖 DIV 的底层元素上。 Overlay 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 处理程序)。