如何在iframe中禁用浏览器响应，但不在主页面中禁用

Question

如何禁用iframe中的浏览器响应，但让主页面正常响应。

如下图所示，这是我的情况，我一直试图让iframe内的网络无法响应拖动滚动和双击缩放这样的东西，导致我的网页在iframe中将检测手指的位置并移动一个物体（即移动基座在arkanoid或移动一个矩形的乒乓球）。

到目前为止，我尝试了类似的东西：

1）

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

2）

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

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

到目前为止，它们似乎都没有用，因为浏览器响应输入仍然是可变的，有时它会保持放置并拖动iframe中的对象，有时它会滚动整个网页。

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

最好的问候。

Answer 1

在iframe中你可以使用这个css：

html, body {
    pointer-events: none;
}

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