前端禁止按钮多次点击的方法

时间:2024-03-06 18:41:40

最近临近发布,天天和测试组老师打交道,其测试纠错能力可见一斑,从中也学到了不少东西。其中有一个问题是——按钮可以被多次点击。 
解决办法如下:

//声明一个控制点击的变量
var upLoadClicktag = 0;
//点击事件
$("td.upLoad").on("click",function () {
    //第一次进来为true
    if(upLoadClicktag==0){
        //改版变量
        upLoadClicktag = 1;

        //此处写你要做的事情,操作DOM,发送ajax请求等等。

        //3秒过后可以再次点击
        setTimeout(function () { upLoadClicktag = 0 }, 3000);
    }else{
        alert(\'请勿频繁操作!\');
    }
});