Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击Windows mobile中的绝对DIV,然后单击底层元素_Javascript_Css_Windows Phone 7_Windows Phone - Fatal编程技术网

Javascript 单击Windows mobile中的绝对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

我有一个绝对位置宽度高度和宽度100%覆盖DIV。但是,当我单击overlay DIV时,单击就发生在overlay DIV的底层元素上。overlay 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();
});

另外,如果页面上有一些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我已经更新了答案。您可能在底层元素上有一些鼠标下移功能,但我仍然面临同样的问题