2011-01-22 6 views
0

Androidのブラウザでコンテンツを実行しているときにJavaScriptを使用してタッチジェスチャーを無効にする方法を知っている人はいますか?JavaScript経由でAndroidブラウザのタッチジェスチャーを無効にする

たとえば、JavaScriptを使用してズームジェスチャーを使用しないようにピンチを無効にしたいとします。

+2

私は 'ユーザースケーラブル= no'メタタグを無視し、iPhoneのブラウザのために支払うことになります。私はサイトが私にズームをさせないとき、それは嫌いです。 –

+0

私もこの問題に興味があります。特定の画像をクリックするとダブルクリックを無効にしたいユーザーはできるだけ早くこの画像を10秒間クリックしなければならず、アンドロイドブラウザで多くの不要なズームが発生します。残念ながら、touchendイベントを聴いて、イベントでprevenDefault()とstopPropagation()を使っても問題は解決しません。 – jiriki

+0

ほとんどの有能なモバイルブラウザでは、作成者の設定にかかわらず、通常はアクセシビリティの下でズームするオプションを設定できることに注意してください。 – rvighne

答えて

2

メタタグ、ビューポートで行うことができます。

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

JavaScriptで可能かどうかわかりません。 JavaScriptでそれを追加するには

+0

ありがとうございます。それはそれを修正した。 (あなたはcontent属性の最後の引用符がありません)。 – mikechambers

+0

iOSとAndroidでこの問題の1つは、キャンバス要素の線画をエイリアスにすることです(一般的にはおかしなことです)。 – mikechambers

+0

AndroidビューのHTCデバイスでメタビューポートタグを無視しても動作しません(厄介なことに) – Adi

1

var vp = document.createElement('meta'); 
vp.name = "viewport"; 
vp.content = "width=device-width; user-scalable=no;"; 
document.getElementsByTagName('head')[0].appendChild(vp); 
関連する問題