javascript - 单次触发点击事件监听器

Question

关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。

8 个月前关闭。




Improve this question




我目前正在构建一个 JavaScript 工具，它接收一个地址并通过一系列函数运行它，这些函数输出地址是否在地址范围内的 bool 值。从此输出中，该工具将根据输出动态向页面添加卡片。我目前的问题是，如果多次单击事件监听器，它只会继续将卡片添加到页面中。是否有一个事件监听器可以接收单击事件但仅在第一次触发事件时触发？如果不是，我最好只编写一个函数来删除点击事件，一旦它被触发？我很高兴包含项目中的代码，但似乎没有必要。

Answer 1

addEventListener可以选择只监听一次事件:

const button = document.querySelector("button");
button.addEventListener("click", onClick, {
  once: true
});

function onClick() {
  window.alert("Clicked!");
}

<button>Try clicking me twice</button>

除了 Internet Explorer(已停产)之外，所有主要浏览器都支持此选项