keydown 的侦听器被触发多次而不是一次

Question

我有以下代码：

undoButton.onclick = undoFunction;
document.addEventListener("keydown", (e) => {
  if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") {
    e.preventDefault();
    undoFunction();
  }
});

function undoFunction() {
  console.log("undo function...");
}

当我单击按钮时，除此之外，函数代码运行一次，console.log也是如此，但是当我使用击键时，函数运行多次，最多可达数百次- 在某些情况下称为循环。有什么建议吗？我尝试使用 e.repeat = false 但没有成功。谢谢！

Answer 1

请改用 keyup。只要按住某个键，就会触发 keydown 事件。 keyup 仅在释放按键时触发。

var undoButton = document.getElementById('undoButton');
undoButton.onclick = undoFunction;
document.addEventListener("keyup", (e) => {
  if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") {
    e.preventDefault();
    undoFunction();
  }
});

function undoFunction() {
  console.log("undo function...");
}

<input id="undoButton" type="button" value="Undo" />