JavaScript限制用户多次单击按钮

Question

我试图限制用户多次点击按钮。他们可以在页面加载时单击按钮一次。如果重新加载页面，则应该应用该页面，用户只能单击该按钮一次。

我正在使用以下代码，但它似乎对我不起作用

$("#doAccess").click(function() {
   $("#doAccess").removeAttr('onclick');
   DoSave();
});

Answer 1

单击按钮后禁用该按钮

var accessBtn = $('#doAccess');

accessBtn.click(function() {
   accessBtn[0].disabled = true;
   DoSave();
});

Answer 2

听起来你真正需要的是：

$("#doAccess").one('click', DoSave);

<强> jsFiddle example

.one() - 将处理程序附加到元素的事件。每个事件类型的每个元素最多执行一次处理程序。

Answer 3

为什么不呢？

$("#doAccess").once('click', function() {
    DoSave();
});

你可能也应该变灰或禁用#doAccess，无论它是什么。