javascript - 禁用对锚点的重复点击

Question

在 JavaScript（不是 jQuery）中，有没有办法防止链接多次触发事件？

我正在遍历一些锚点并将 onclick 事件附加到每个链接，然后从 json 文件中显示与该链接相关的一些页面内容。唯一的问题是双击或重复单击一次又一次地输出相同的内容。

防止这种情况的最佳方法是什么，或者我应该重写脚本并更改锚点以提交按钮以添加禁用状态？

Answer 1

在第一次单击后删除事件侦听器。

var element = document.getElementById("id_name");
element.addEventListener("click", onClickHandeler, false);

function onClickHandeler(e) {
    // Do here what your code have to do
   element.removeEventListener("click", onClickHandeler, false);
}

希望这可以帮助你