点击Windows mobile中的绝对DIV点击底层元素

2018-06-09 02:59:55

我有一个绝对位置宽度高度和宽度100％的覆盖DIV。但是当我点击叠加DIV时，点击正在叠加DIV的底层元素上发生。叠加DIV样式如下所示

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

我怎样才能防止...？此问题仅在Windows Mobile中存在

您可以停止事件的传播：

JavaScript的：

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

jQuery的：

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

另外，如果你在页面上有一些处理程序，你需要从你的覆盖div（相同的代码，但为mousedown处理程序）取消mousedown。

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

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

链接地址: http://www.djcxy.com/p/27431.html