js防止重复点击、防止点击过快实用方法

方式一：

原理很简单：

利用延时器 setTimeout;

防止重复点击可以添加一个开关,让这个开关默认为true，第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true，为true执行,false不执行。例子如下：

    var isclick = true;
    function fn(){
        if(isclick){
            isclick = false;
            //下面添加需要执行的事件
                ...
            console.log('点击事件');
            
        }
    }

如果只是防止点击过快，还可以设置定时器，在一定时间后，自动将开关变为true，下面例子就是在2000毫秒后，开关自动变为true。

    var isclick = true;
    function fn(){
        if(isclick){
            isclick = false;
            //下面添加需要执行的事件
                ...
            console.log('点击事件');
            
            setTimeout(function(){
                isclick = true;
            },2000)
        }
    }

方式二：

对于button，按钮可以使用disable属性进行控制，