バニラJavaScriptでダブルクリックを検出する方法

JavaScriptでダブルクリックを検出するには、イベントリスナーdblclickを使用できます 。

以下の例では、windowのダブルクリックをリッスンします。 オブジェクト。つまり、ウェブページ内のどこかでマウスをすばやくダブルクリックすると、検出されます。

window.addEventListener("dblclick", event => {
  console.log("Double-click detected")
  // Double-click detected
})

dblclickを添付することもできます ボタンなどのDOM要素のイベントリスナー：

<button id="button">Double click me!</button>

const button = document.getElementById("button")

button.addEventListener("dblclick", event => {
  console.log("Double-click detected")
  // Double-click detected
})

dblclick イベントは、Internet Explorer 11を含め、デスクトップ/ラップトップ用のすべての最新ブラウザでサポートされています。

残念ながら、まだすべてのモバイルデバイスでサポートされているわけではありません。 Mozillaの互換性テーブルの概要を確認してください。