바닐라 자바스크립트로 더블 클릭을 감지하는 방법

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의 호환성 표 개요를 확인하십시오.