禁用重复点击锚点

时间:2013-02-21 11:46:07

标签: javascript

在JavaScript(不是jQuery)中,有没有办法防止链接多次触发事件?

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

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

1 个答案:

答案 0 :(得分: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);
}

希望这有助于你