Webブラウザーのタッチイベントの種類
touchstart
スクリーンに指が触れたとき
touchend
スクリーンから指が離れたとき
touchmove
スクリーンに指が触れた状態で動かしたとき
touchcancel
スクリーンに触れた状態で、ロックボタンやメニューボタンを押したとき
jQueryMobileでタッチイベントを取得するには
$(document).on("touchmove","#drawable",function(e){
//ブラウザーのデフォルト動作無効化
e.preventDefault();
org = e.originalEvent;
//1本目の指の座標
x1 = org.touches[0].pageX;
y1 = org.touches[0].pageY;
//2本目の指の座標
x2 = org.touches[1].pageX;
y2 = org.touches[1].pageY;
})
タッチ座標の取得には
pageX
pageY
以外でもできるけど、OSごとの挙動がかわるため
pageX
pageY
が一番無難
気をつけるところは
タッチイベントで取得する座標は
スクリーンの物理座標じゃなくて
論理座標であること