タッチイベント

JavaScriptでタッチイベントを操作するための基本をご覧ください

詳細はこちらJavaScriptイベント

タッチイベントは、スマートフォンやタブレットなどのモバイルデバイスでページを表示したときにトリガーされるイベントです。

マルチタッチイベントを追跡できます。

4つのタッチイベントがあります。

  • touchstartタッチイベントが開始されました(表面がタッチされます)
  • touchendタッチイベントが終了しました(表面はもう触れられていません)
  • touchmove指(またはデバイスに触れているもの)が表面上を移動します
  • touchcancelタッチイベントはキャンセルされました

タッチイベントが発生するたびに、タッチイベント

const link = document.getElementById('my-link')
link.addEventListener('touchstart', event => {
  // touch event started
})

そのイベントでアクセスできるすべてのプロパティは次のとおりです

  • identifierこの特定のイベントの一意の識別子。マルチタッチイベントを追跡するために使用されます。同じ指=同じ識別子。
  • clientX/clientYスクロールに関係なく、ブラウザウィンドウを基準にしたマウスポインタのx座標とy座標
  • screenX/screenY画面座標でのマウスポインタのx座標とy座標
  • pageX/pageYページ座標(スクロールを含む)でのマウスポインタのx座標とy座標
  • target触れた要素

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のブラウザチュートリアル: