如何在 Javascript 中禁用双击事件

Question

我正在制作一个问答游戏，我想在用户第一次回答后禁用双击。 我已经找到了很多使用 Jquery 的方法，但我想在 Javascript 中做到这一点。 我已经在我的元素上传递了点击事件侦听器。

[...quizAnswers].forEach((qa, index) => qa.addEventListener("click", function(event) {
let isCorrect = event.target.innerText === data.results[round].correct_answer;

event.target.style.backgroundColor = isCorrect ? "green" : "red";

Answer 1

为什么不禁用该操作？

[...quizAnswers].forEach(qa => qa.addEventListener("dblclick", e => {
    e.preventDefault();
    e.stopPropagation();
));

Answer 2

只需使用参数once: true即可防止意外的多次点击/处理：

qa.addEventListener("click", function(event) { /*...*/ }, {once: true});