Làm thế nào để phát hiện các nhấp chuột đôi với Vanilla JavaScript

Để phát hiện nhấp đúp bằng JavaScript, bạn có thể sử dụng trình xử lý sự kiện dblclick .

Trong ví dụ dưới đây, chúng tôi nghe thấy các cú nhấp đúp vào cửa sổ window , có nghĩa là nếu bạn nhấp đúp chuột nhanh vào bất kỳ đâu bên trong trang web của mình, nó sẽ được phát hiện:

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

Bạn cũng có thể đính kèm dblclick trình xử lý sự kiện cho một phần tử DOM, như một nút:

<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 sự kiện được hỗ trợ trong tất cả các trình duyệt hiện đại dành cho máy tính để bàn / máy tính xách tay, ngay cả Internet Explorer 11.

Rất tiếc, nó chưa được hỗ trợ trên tất cả các thiết bị di động. Xem tổng quan về bảng tương thích của Mozilla.