仮想マウスイベント
jQueryMobileでは、タッチとマウスによるイベントを透過的に扱う仮想マウスイベントが使える
仮想マウスイベントは、
jQueryで使えるマウスイベントの
click
mousedown
mouseup
mousemove
mouseover
の先頭に
v
を付けたイベント名になる
以下は仮想マウスイベントのメモ
vclick
マウスクリック
もしくは
スクリーンタップ
vmousedown
マウスクリック
もしくは
スクリーンに触れたとき
vmouseup
マウスのボタンを離したとき
もしくは
スクリーンから指を離したとき
vmousemove
マウスが要素内に入ってきたとき
もしくは
スクリーンをタップしたまま指を動かしたとき
座標は現在タップしている位置になる
vmouseover
マウスが要素内に入ってきたとき
もしくは
スクリーンをタップしたまま指を動かしたとき
座標は最初にタップした位置になる
注意点としては、
vmousemove
vmouseover
の場合、スクリーンをタッチして上下に滑らすと
一緒に画面がスクロールし
期待した値が取得できない
このため、
preventDefaultを使い、
ブラウザのイベント伝播を防ぎ
ブラウザのスクロールを防ぐ必要がある
$("#box").on("vmousemove",function(e){
//ブラウザのデフォルト動作無効化
e.preventDefault;
//座標取得
x = e.pageX;
y = e.pageY;
});
となる