javascript - “dbclick”事件监听器不工作，但 'click' 正常

Question

目前，我正在制作一个密码存储网站。用户界面的一部分是当您双击密码项目时，它会为您提供删除它的选项。

这是我的事件监听器(带有函数)，myPasswordScreenID 是所有具有 passwordItem 的类的父元素。

document.getElementById('myPasswordsScreenID').addEventListener('dbclick', function(event) {
  if (event.target.classList.contains('passwordItem')) {
    if (confirm('Would you like to delete this item? It will be gone forever!')) {
      event.target.style.display = 'none';
      event.target.style.margin = 0;
      localStorage.removeItem(event.target.id);
    }
  }
}, false);

出于某种原因，如果我使用事件监听器“click”而不是“dbclick”，它可以工作吗？我不知道为什么。任何帮助将不胜感激。

Answer 1

您可以使用 dblclick 检测双击.