Coder's Note

iPhone/iPadでWebアプリを作る際のJavaScriptのイベントを調べた

iPhone用のWebアプリを作りたい。せっかくならJavaScriptとCSS3を使ってiPhoneアプリっぽいUIを作りたい。CSS3は何となくわかるけど、JavaScriptで画面をタッチしたときのイベントについては全くわからない。なので調べてみました。備忘録です。

タッチイベント

画面をタッチしたときのイベントです。

touchstart
スクリーンに指が触れたときのイベント。
touchend
スクリーンから指が離れたときのイベント。
touchmove
スクリーンに指が触れている間のイベント
touchcancel
イベントがシステムによってキャンセルされたときのイベント(よくわかりません…)

ジェスチャーイベント

スクリーンに指が2本以上触れたときのイベント。

gesturestart
スクリーンに指が2本以上触れたときに発生するイベント。
gestureend
スクリーンに触れている指が1本以下になったときのイベント。
gesturechange
スクリーンに指が2本以上触れている状態で指がスライドされたときのイベント。