[解決済み] ピンチを検知する最も簡単な方法
質問
これは ウェブアプリ であり、ネイティブアプリではありません。Objective-CのNSコマンドは使わないでください。
iOSで'pinch'イベントを検出する必要があります。問題は、ジェスチャまたはマルチタッチ イベントを行うために私が見たすべてのプラグインまたはメソッドは、(通常)jQuery を使用しており、太陽の下ですべてのジェスチャのために全体の追加のプラグインです。私のアプリケーションは巨大で、コードの枯れ木にとても敏感です。私が必要とするのはつまみを検出することだけであり、jGesture のようなものを使用することは、私の単純なニーズに対してあまりにも肥大化しすぎています。
さらに、手動でつまみを検出する方法について、私は限られた理解しか持っていません。両方の指の位置を得ることができますが、これを検出するための正しいミックスを得ることができないようです。誰か、ピンチを検出するだけの簡単なスニペットをお持ちですか?
どのように解決するのですか?
あなたは
gesturestart
,
gesturechange
そして
gestureend
イベント
. これらは、2本以上の指が画面に触れるたびにトリガーされます。
ピンチ ジェスチャで何を行う必要があるかによって、アプローチを調整する必要があります。そのため
scale
の乗数は、ユーザーのピンチ ジェスチャがどの程度劇的であったかを判断するために調べることができます。以下を参照してください。
Apple の TouchEvent ドキュメント
を参照してください。
scale
プロパティがどのように動作するかの詳細については、Apple のドキュメントを参照してください。
node.addEventListener('gestureend', function(e) {
if (e.scale < 1.0) {
// User moved fingers closer together
} else if (e.scale > 1.0) {
// User moved fingers further apart
}
}, false);
を傍受することもできます。
gesturechange
イベントを傍受して、ピンチが発生したことを検出することもできます。
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] 文字列が有効な数値であるかどうかを確認するにはどうすればよいですか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] Safari、Chrome、IE、Firefox、Operaのブラウザを検出する方法は?
-
[解決済み] javascriptでの配列の交差のための最も簡単なコード
-
[解決済み] jQueryを使用してキーボードのEnterキーを押したことを検出する方法は?
-
[解決済み] UIImageのサイズを変更する最も簡単な方法?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] DOM要素が現在のビューポートで表示されているかどうかを確認するにはどうすればよいですか?
-
[解決済み] AngularJSのエラーです。Cross Origin リクエストはプロトコルスキーム http, data, chrome-extension, https に対してのみサポートされています。
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] javascriptで2つの数値を連結する方法は?
-
[解決済み] アサインの左側にJavascriptのオブジェクトブラケット表記({ ナビゲーション } =)があります。
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)