JS阻止用户重复点击(防抖&节流)
如图所示:
我们在前端研发过程中,在表单提交或者用户其他点击行为过程中,为了避免用户重复点击,我们有必要在这些可点击地方加上防抖操作 。
一方面阻止用户重复请求后端接口,另一方面也提高了用户的体验性。
let clickNum = 0;
// 表单提交
$('.submit_btn').on('click', function () {
if (clickNum == 0) {
clickNum = 1;
setTimeout(function () {
clickNum = 0
}, 3000);
//这里写需要执行的函数
}else{
layer.msg('请勿频繁操作!');
}
})
还没有评论,快来发表第一个评论吧