JS禁止高频率连续点击的方法

作者: MJ 分类: javascript 发布时间: 2019-04-02 17:47

JS禁止高频率连续点击的方法

方法一:

<button id="btn">点击请求接口</button>
document.querySelector('#btn').addEventListener('click',() => {
        document.querySelector('#btn').style.pointerEvents = 'none';
        setTimeout(() => {;
            document.querySelector('#btn').setAttribute('style','');
        },200);
        console.log("111111111111");
    })

方法二:

let c = null;
let dom = document.querySelector('#btn');
dom.addEventListener('click',function(){
    clearTimeout(c);
    c = setTimeout(function(){
        console.log('2000');
    },1000);
},false);

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注