JS阻止用户重复点击(防抖&节流)


如图所示:

我们在前端研发过程中,在表单提交或者用户其他点击行为过程中,为了避免用户重复点击,我们有必要在这些可点击地方加上防抖操作 。

一方面阻止用户重复请求后端接口,另一方面也提高了用户的体验性。

let clickNum = 0;
// 表单提交
$('.submit_btn').on('click', function () {
      if (clickNum == 0) {
        clickNum = 1;
        setTimeout(function () {
            clickNum = 0
        }, 3000);
        //这里写需要执行的函数
    }else{
        layer.msg('请勿频繁操作!');
    }
})


点赞1
点击评论0
收藏0
浏览 56
 

还没有评论,快来发表第一个评论吧

免责声明:凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,注册用户和一般页面游览者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任(包括侵权责任、合同责任和其它责任)
*尊重作者,转载请注明出处!