はっぱのすなば

touchイベントとmouseイベントの絡みについて調べたのでメモ。

タブレット(Nexus 7)について

タッチパネルを押した時 -> touchstartイベントが発生する
タッチパネルを押して指を動かした時 -> touchmoveイベントが発生する
タッチパネルを離した時 -> touchendイベントが発生する。event.touchesには位置情報が無いのでevet.changedTouchesで取得する

タッチパネルを押してすぐ離した時
　-> 場合によってはtouchend後に続いてmousemove, mousedown, mouse up, clickイベントがこの順に発生する
　　 touchstartイベント時にevent.preventDefault()していたら発生しない


マウスを繋いでボタンを押した時 -> touchstartイベントが発生する
マウスを動かした時 -> mousemoveイベントが発生する
マウスのボタンを離した時 -> touchendイベントが発生する

IE10のポインターイベントについて

MSPointerDown, MSPointerMove, MSPointerUpイベントはmouseイベントとほぼ同じ。
MicrosoftのページやW3Cの仕様にはevent.pageXとか書いていないけど、いちおうeventオブジェクトへは渡してくれる。