jquery防止按鈕重復點擊處理方式


最近做了很多關於按鈕提交的業務,發現經常出現多次提交的現象,下面把我解決防止多次點擊處理辦法記錄下:

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);//一秒內不能重復點擊
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM