艾Q网

标题: 前端禁止按钮短时间内多次点击的方法 [打印本页]

作者: admin 时间: 2023-10-17 12:51
标题: 前端禁止按钮短时间内多次点击的方法
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.方法二
<input type="button" id="submit" value="提交">

<script>
$(document).ready(function(){
  $("#submit").click(function(){
var nowTime = new Date().getTime();
var clickTime = $(this).attr("ctime");
if( clickTime != 'undefined' && (nowTime - clickTime < 5000)){
      alert('操作过于频繁，稍后再试');
      return false;
   }else{
      $(this).attr("ctime",nowTime);
      alert('提交成功');
   }
});
});
</script>

欢迎光临艾Q网 (http://js.iqi123.com/bbs/)