Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ตรวจจับ Double Click ด้วย Vanilla JavaScript

เพื่อ detect double clicks ใช้ event listener dblclick

ตัวอย่าง listen double clicks บน window object — double click เร็วๆ ที่ไหนในหน้าเว็บก็จะ detect:

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

ยัง attach dblclick ให้ DOM element เช่น button ได้:

<button id="button">Double click me!</button>
const button = document.getElementById("button");
button.addEventListener("dblclick", event => {
  console.log("Double-click detected");
});

dblclick event รองรับ modern browsers desktop/laptops รวม IE11 แต่ ไม่รองรับ mobile devices ทุกเครื่อง ดูตารางความเข้ากันได้ของ Mozilla