开启辅助访问
帐号登录 |立即注册

前端禁止按钮短时间内多次点击的方法

 
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>

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。