スマートフォン タッチイベント、距離、速さ等確認ページ
2013.03.07
この記事は最終更新日から1年以上が経過しています。
スマートフォンコンテンツを制作していくと、何かとタッチイベントが必要となってきます。
一部のAndroid端末で「touchmove」イベントが上手く取得できない。なんてことも多々あります。
そんな時用の為にスマートフォン タッチイベント確認ページを作成しました。
そんな大逸れたものではありませんが、一通り確認出来るかなと思っております。
http://webcyou.com/demo/js/touch/
灰色部分をタッチするとそれぞれの情報が取得出来ます。
上段のpageYがY座標となり、左から
start：タッチを始めたY座標
move：移動している最中のY座標
end：タッチを終了したY座標
上段のpageXもY座標同様
start：タッチを始めたX座標
move：移動している最中のX座標
end：タッチを終了したX座標
となっています。
その下、
distanceX：X座標の移動距離
distanceY：Y座標の移動距離
time：タッチを始めて終了までの時間（ミリ秒）
最後の段は
totalD：始点から終点の2点間の移動距離
speed：速度（px/秒）
右側のリストはそれぞれ「Touch Start」「Touch Move」「Touch End」のイベントが発生した際、ランプが青くなります。
宜しければー。
