javascript - 单击后如何禁用链接一段时间？

Question

为了防止不耐烦的用户过于频繁地点击指向 webstart 应用程序的链接，我尝试在第一次调用超链接后将其禁用几秒钟。

<a href="file.jnlp" onclick="if (!this.clicked){this.clicked = true; setTimeout('this.clicked = false' ,10000); return true;} return false"> 

上面的代码仅适用于禁用链接，但在 10 秒超时后不会重新启用。

当我在 setTimeout 调用中检查它时，我发现“this.clicked”变量不是真的(它应该是)。也许我在这里缺少一些基本的 JS 知识..

或者也许有不同的方法来解决这个问题？

Answer 1

首先在 JavaScript 脚本 block 中添加一个 this 函数

function Debounce()
{

    var self = this
    if (this.clicked) return false;

    this.clicked = true;
    setTimeout(function() {self.clicked = false;}, 10000);

    return true;
}

现在将您的 onclick 更改为:-

onclick="return Debounce.call(this)"