スマホでのイベント処理

スマホでのイベント処理
スマホではマウスを使わないから
mousedownの代わりに
touchstart
(画面にタッチする)
mousemoveの代わりに
touchmove
(タッチしたまま指を動かす)
mouseupの代わりに
touchend
(画面から指を離す)
を使う
スマホ対応にするときに
もうひとつ気をつけるのが
e.preventDefault();
これはタッチ操作のイベントのデフォルト操作を無効化するというもの
touchstartイベントで
これを使うと
デフォルト操作が無効になり
ページが縦スクロールしなくなる
Androidではこれをやらないと
touchmoveイベントがタッチ直後しか発生しないため
線が書けないということになってしまうので注意

コメントを残す

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