javascript 画面をタッチされたイベントを取得する

javascript 画面をタッチされたイベントを取得する

javascriptで、touchstartイベントを使用して画面をタッチされたイベントを取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

touchstart使い方

touchstartを使うと、タッチが開始された瞬間を取得することが可能です。

サンプルコード

以下は、画面がタッチされた際にテキストを表示して、タッチが離れたら別のテキストを表示するサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

イベントが取得されて処理が実行されていることが確認できます。