canvasをタッチする
- canvasを用意する
- touchstart, touchmove, touchend, touchcancel のイベントに対してイベントリスナーを登録する
- touchのデータは配列 e.touches
- touchのデータを表示する
-
サンプルからの理解
- canvasをタッチする
- タッチした座標を表示
-
-
- win8(1)
- (2)
- (3)
pointerId に関して, mouse ではずっと 1 なのだが, touch が入ると随時番号が増えていく。
e.preventDefault, e.preventManipulation
- (4)
座標とpointerIdは取得できるのだが, Moveに対してパンの動作を停止することができない。
また, IE11では, 頭にMSはつかない。
pointermove, pointerdown, pointerup 等が表示される。
- (5)
pointermove, pointerdown, pointerup に合わせてみた。