前端禁止按鈕短時間內多次點選的方法
阿新 • • 發佈：2021-06-25
1.方法一
//宣告一個控制點選的變數 var upLoadClicktag = 0; //點選事件 $("td.upLoad").on("click",function () { //第一次進來為true if(upLoadClicktag==0){ //改版變數 upLoadClicktag = 1; //此處寫你要做的事情，操作DOM，傳送ajax請求等等。 //3秒過後可以再次點選 setTimeout(function () { upLoadClicktag = 0 }, 3000); }else{ alert('請勿頻繁操作！'); } });
2.方法二
<inputtype="button"id="submit"value="提交">
<script>
$(document).ready(function(){
$("#submit").click(function(){
varnowTime=newDate().getTime();
varclickTime=$(this).attr("ctime");
if(clickTime!='undefined'&&(nowTime-clickTime<5000)){
alert('操作過於頻繁，稍後再試');
returnfalse;
}else{
$(this).attr("ctime",nowTime);
alert('提交成功');
}
});
});
</script>