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

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

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})

        .....

     }       

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工作了还和父母住在一起的孩子是幸福的,每天晚上,有父母等我回家吃饭,每天晚上,妈妈都会跟我谈心。 妈妈是个三观正、...
    Simplex_4567阅读 128评论 0 0
  • 昨天中秋节,一整天都在下雨,但不影响亲戚来做客的热情,大家一起过中秋很热闹,吃的也很开心,只是婆婆累了两天,真...
    晴冰阅读 152评论 0 0
  • 今天父母从老家过完年回来,爱人做了一桌饭菜迎接他们,感恩爱人的付出。 感恩父母用通俗的话语化解爱人心里的郁结,看到...
    正娟_d019阅读 252评论 0 0
  • 青春 不知不觉间 你微笑着走进了我的世界 白驹过隙中 你又静静地离开了我的生活 我知道,你走了 但我知道你要寻找另...
    芷葶阅读 500评论 0 0