1

如何在 iframe 中禁用浏览器响应,但让主页正常响应。

如下图所示,这是我的情况,我一直在尝试使 iframe 内的网络对拖动滚动和双击缩放等类似的东西没有反应,因为 iframe 内的网络会检测到手指的位置并沿其移动对象(即在 arkanoid 中移动底座或在 pong 中移动一个 de 矩形)。

到目前为止,我已经尝试过类似的东西:

1)

document.addEventListener("touchstart", function(evt){evt.preventDefault();}, false);

2)

document.addEventListener("touchstart", function(){return false;}, false);

绿色区域应该响应,但红色区域不应该。

例子

到目前为止,它们似乎都不起作用,因为响应输入的浏览器仍然是可变的,有时它会保持不变并将对象拖动到 iframe 内,有时它会滚动整个网页。

我必须补充一点,我的代码必须在 iframe 内,而不是在包含 iframe 的主网页中。

此致。

4

1 回答 1

2

在 iframe 中,你可以使用这个 css:

html, body {
    pointer-events: none;
}

见演示:http: //jsfiddle.net/vU4GB/1/。但仅适用于 Firefox 和 Chrome。

于 2013-07-23T15:53:29.747 回答