javascript ダブルタップイベントを取得する

javascript ダブルタップイベントを取得する

javascriptで、touchstartを使用して、ダブルタップイベントを取得するサンプルコードを記述してます。

環境

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

ダブルタップイベントを取得

touchstartを使用して、まずシングルタップを取得して、500ミリ秒以内に2回目のタップがされればダブルタップと判定します。

サンプルコード

以下は、
「タップエリア」をダブルタップすると、要素の背景色を変更する
サンプルコードとなります。

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

ダブルタップイベントが取得されていることが確認できます。