iPhoneでマルチタッチを取得する

今後のためにiPhoneのサイトの作成を勉強中。

マルチタッチを取得する方法が紹介されていたのでメモ

90秒で理解するiPhone JavaScript（マルチタッチ編）

個人的なメモ用に一部引用です。

Safari自体のスクロールや拡大・縮小は動作しない

<meta name="viewport" content="width=480, user-scalable=no, maximum-scale=0.6667″ />

縦スクロールの抑止

event.preventDefault();

タッチ関連のイベントを取得

onTouchStart

onTouchMove

onTouchEnd

onTouchCancel

リスナー方式
document.addEventListener("touchstart", touchHandler, false);
document.addEventListener("touchmove", touchHandler, false);
document.addEventListener("touchend", touchHandler, false);
document.addEventListener("touchcancel", touchHandler, false);

タッチ座標

event.touches[i].pageX

タッチ数
event.touches.length