单击Windows移动触发中的绝对DIV单击基础元素

提问于 2024-04-29T19:02:04+08:00

浏览次

1

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

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

我怎么能阻止......？此问题仅存在于Windows Mobile中

2 回答

4
您可以停止事件的传播：

JavaScript的：
```
document.getElementById('divId').onclick = function (event) {
    event.preventDefault();
    event.stopPropagation();
}
```
jQuery的：
```
$('#divId').click(function (event) {
    event.preventDefault();
    event.stopPropagation();
});
```
此外，如果您在页面下方有一些处理程序，则需要从叠加div中取消mousedown（相同的代码，但对于mousedown处理程序） .
回复于 2024-04-29T19:02:04+08:00
0
我在IE 10中遇到过这种情况但不是11，我的解决方案是将以下CSS规则添加到叠加层：
```
background:rgba(0,0,0,0);
```
回复于 2024-04-29T19:02:04+08:00

相关问题