マルチタッチイベントメモ

2011年4月18日 15:55 javascript — littlepad

マルチタッチのリスナー設定はこんな感じ。

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

コメントはまだありません

No comments yet.

TrackBack URL

Leave a comment

about

ハンドルネーム:littlepad
都内で WEB 制作(デザイン, html/css, Flash, MT, WordPress etc)をしているBOØWY研究家

category:

search:


archives:

GO TO PAGETOP