1

iframe 内でブラウザの応答を無効にする方法。ただし、メイン ページは正常に応答したままにします。

下の図に示すように、これは私の場合です。iframe 内の Web がドラッグ スクロールやダブルタップ ズームなどに反応しないようにしようとしています。iframe 内の Web が指の位置に沿ってオブジェクトを移動します (つまり、アルカノイドでベースを移動するか、ポンで 1 つの長方形を移動します)。

これまでのところ、次のようなものを試しました：

1)

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

2)

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

緑色の領域は応答するはずですが、赤色の領域は応答しません。

例

入力に応答するブラウザは依然として可変のままであるため、現在までそれらのどれも機能していないようです。時々、iframe 内にオブジェクトを置いてドラッグしたり、Web ページ全体をスクロールしたりします。

私のコードは、iframe を含むメイン Web ページではなく、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 に答える