JavaScriptパート - タッチイベントの用法

登録タグ

前項前項を見る

タッチイベントの用法

　iPhone、iPad、iPodのOSであるiOSやAndroid用に用意されているのタッチイベントの用法は、次の通りです。

　HTMLの要素内にタッチイベントを設定する場合は、次の通りとなります。

▼用法

<div
  ontouchstart="touchStart(event);"
  ontouchmove="touchMove(event);"
  ontouchend="touchEnd(event);"
  ontouchcancel="touchCancel(event);"
></div>

　別の用法として、DOMの用法でJavaScriptがフォローしている「addEvent
Listener」を使って、次のように設定する方法があります。

▼用法

element.addEventListener("touchstart", touchStart, false);
element.addEventListener("touchmove", touchMove, false);
element.addEventListener("touchend", touchEnd, false);
element.addEventListener("touchcancel", touchCancel, false);