Question

当前，我正在创建一个密码存储网站。用户界面的一部分是您双击密码项时可以选择删除它。

这是我的事件列表器（带有功能），reducing是所有myPasswordScreenID类的父元素。

passwordItem

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

Answer 1

您可以使用if-else检测到双击。 https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event

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);
  }
});

祝你好运。

'dbclick'事件侦听器不起作用，但是'click'是

2 个答案: