วิธีตรวจจับการคลิกสองครั้งด้วย 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