javascript タッチされた画面の位置を取得する

javascript タッチされた画面の位置を取得する

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

環境

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

タッチ操作時のイベント

以下のイベントを、利用します。

touchstart タッチした時に発生するイベント
touchmove タッチ後に、画面上で動かすごとに発生するイベント
touchend 画面から離れたときに発生するイベント

イベント使い方

サンプルコード

以下は、タッチされた画面の位置を取得して表示するサンプルコードとなります。

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

位置が取得されていることが確認できます。