Javascript 单击Windows mobile中的绝对DIV,然后单击底层元素
我有一个绝对位置宽度高度和宽度100%覆盖DIV。但是,当我单击overlay DIV时,单击就发生在overlay DIV的底层元素上。overlay DIV样式如下所示Javascript 单击Windows mobile中的绝对DIV,然后单击底层元素,javascript,css,windows-phone-7,windows-phone,Javascript,Css,Windows Phone 7,Windows Phone,我有一个绝对位置宽度高度和宽度100%覆盖DIV。但是,当我单击overlay DIV时,单击就发生在overlay DIV的底层元素上。overlay DIV样式如下所示 .overlayDIV{ absolute : absolute; height : 100%; width : 100%; z-index : 1234; } 我怎样才能防止。。。?此问题仅存在于Windows mobile中您可以停止事件的传播: JavaS
.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();
});
另外,如果页面上有一些mousedown处理程序,则需要从覆盖div中取消mousedown(与mousedown处理程序的代码相同)。您可以停止事件的传播: JavaScript:
document.getElementById('divId').onclick = function (event) {
event.preventDefault();
event.stopPropagation();
}
jQuery:
$('#divId').click(function (event) {
event.preventDefault();
event.stopPropagation();
});
另外,如果页面上有一些鼠标向下移动的处理程序,则需要从覆盖div中取消鼠标向下移动(代码与鼠标向下处理程序相同)。我在IE 10中遇到过这种情况,但不是11,我的解决方案是向覆盖添加以下CSS规则:
background:rgba(0,0,0,0);
我在IE 10中体验到了这一点,但不是在IE 11中,我的解决方案是在覆盖中添加以下CSS规则:
background:rgba(0,0,0,0);
将覆盖索引设置为具有更高的z索引。@kennypu是的,我已设置,但仍然没有宽限。。相同的问题:将覆盖索引设置为具有更高的z索引。@kennypu是的,我已设置,但仍然没有宽限。。相同的问题:@Reddy我已更新答案。您可能在底层元素上有一些鼠标下移功能,但我仍然面临同样的问题issue@Reddy我已经更新了答案。您可能在底层元素上有一些鼠标下移功能,但我仍然面临同样的问题