前端js防止用户恶意操作,重复点击按钮事件

2019-03-12  本文已影响0人  泉泉泉泉泉泉

前几天遇到了一个关于前端重复点击事件问题,防止用户恶意操作,重复点击按钮事件,有二个逻辑解决此问题:

1.

2.定义变量保存每次点击的时间,上次和当前次点击的时间间隔小于某个时间,就return掉,否则就继续之后步骤,类似于

this.state={ clickTime:new Date().getTime()}

 buyCard(){ 

   var {clickTime} =this.state;

    var nowTime = new Date().getTime();

     if( clickTime != 'undefined'&& (nowTime - clickTime < 500)){

               return false;

     }else{

        this.setSate({clickTime:nowTime})

        .....

     }       

}

上一篇 下一篇

猜你喜欢

热点阅读