マルチタッチのリスナー設定はこんな感じ。
hoge.addEventListener('touchstart', handler, false);
hoge.addEventListener('touchmove', handler, false);
hoge.addEventListener('touchend', handler, false);
hoge.addEventListener('touchcancel', handler, false);
ハンドラで受け取った情報について
- タッチ情報は event.touches に配列で格納されている
- なので event.touches.length がタッチ数ということ
- 各座標情報は下記のように取得
event.touches[n].pageX
event.touches[n].pageY - つまりシングルタッチの場合は、こうゆうこと
event.touches[0].pageX
event.touches[0].pageY
