'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检测双击。

Answer 2

除了@AndreaOggioni的回答，使用来自MDN的代码：

const element = document.getElementById('myPasswordsScreenID');

element.addEventListener('dblclick', function(event) {
  if (
    event.target.classList.contains('passwordItem') &&
    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);
  }
});

祝你好运。