1

HTML と JavaScript を使用してブラウザ ベースのクリック ゲームに取り組んでいます。iOS と Android で、モバイル ブラウザーがズーム、スクロール、およびその他のさまざまなトリックを実行する原因となるデフォルトの動作を抑制することができました。

ただし、Windows Phone では、ダブルクリックでズームインを試みます。テストでは、ズームインしてから通常のサイズに戻りますが、これは、できるだけ速くクリックするゲーム プレイ要素をブロックするのに十分です。

HTMLには次のものがあります。

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">

私はJavaScriptで次のものも持っています:

window.addEventListener('touchstart', function(e) {
    clickarea.trigger('click'); // this is what tracks the number of clicks / touches
    e.preventDefault();
}, false);

window.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

window.addEventListener('touchend', function(e) {
    e.preventDefault();
}, false);

Windows Phone には、私が見逃している追加のイベントがありますか、それともコードにエラーがありますか?

4

4 に答える 4

0

Windows Phone の webbbrowser コントロールでは、実際のブラウザー コンポーネントの "上" にあるコントロールでズームとスクロールが行われるため、引き続きズームとスクロールが可能です。

これは C# で無効にすることができます (さらに、おそらく右/左と上/下のスクロール ジェスチャを検出し、個別に抑制することができます)

完全な説明については、次のブログ エントリを参照して ください。 -コントロール/

ピーター

回答のコピー元: phone:WebBrowser disable pan/zoom wp7?

于 2013-06-10T07:24:15.647 に答える
0

エラーが表示されました

meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0"

最後のユーザー スケーラブルな値が間違っています。次の文字列が機能するはずです:

meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"

于 2014-01-18T16:38:05.607 に答える
0

以下のリンクで説明されているように、マウス ダウンまたは MSPointer イベントでタッチ スタート イベントを変更できます 。インターネット用に最適化されたサイト-explorer-10.aspx#step4

于 2013-04-14T12:45:05.593 に答える
0

Windows Phone は、標準のタッチ イベントではなく、Microsoft 独自のタッチ イベントを使用します。それらをリッスンするには、条件付きコードを追加する必要があります。

Adapting-your-webkit-optimized-site-for-internet-explorer-10

于 2013-03-08T19:33:54.677 に答える