最近做了很多關於按鈕提交的業務,發現經常出現多次提交的現象,下面把我解決防止多次點擊處理辦法記錄下: eg: <button id="comfirmButton" class="k-primary" > 通過 <a class="disqualificationBtn" href="#" id="refuseSubmit">拒絕</a> 處理方式1: 使用示例如下: $("#comfirmButton").attr("disabled", false); var href = "javascript:return false;" $("#refuseSubmit").attr('href', href); $("#refuseSubmit").removeAttr('onclick') 這種處理方式經常性達不到想要的效果。 處理方式2: 1:one方法 語法:$(selector).one(event,data,function); 使用示例: $("#comfirmButton").one("click",function() { alert("one只能點擊一次。"); }); 2:unbind 方法 使用示例: $("#refuseSubmit").bind("click",function(){ alert("unbind只能點擊一次"); $(this).unbind('click'); });
處理方式3 標記法:
使用示例:
var isClick = true;
$("#comfirmButton").bind("click", function () {
if (isClick) {
isClick = false;
//做你想做的
}
setTimeout(function () {
isClick = true;
}, 1000);//一秒內不能重復點擊
});