スマートフォンでのタッチイベント

スマートフォンでのタッチイベント
PCのマウス操作も、画面タッチ対応になっている
onmousedown
マウスボタンを押したときのイベント
これは、画面タッチしたときのイベントになる
onmouseup
マウスボタンを離したときのイベント
これは、画面から指を離したときのイベントになる
onclick
マウス対象をクリックしたときのイベント
これは、画面をタップしたときのイベントになる
そして、スマートフォン用の画面タッチ専用のイベント
これらは、複数の指での操作
通称マルチタップ対応
ontouchstart
画面に指がふれたとき
ontouchmove
画面をタッチしたまま動かしたとき
ontouchend
画面から指を離したとき
ontouchcancel
タッチ操作を途中で中断したとき
テスト環境でパソコンも使うなら
パソコン用には
onmousemove
onclick
を使い、
スマートフォン用には
ontouchstart
を使うなど、環境で切り替えできるようにすると
便利

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です