Question

js怎么避免click短时间的多次执行

Answer 1

比如楼下说的方法，可以设置JS变量来，或者再标签上加自己定义属性，示例如下：

<input type="button" value="测试" state="0" id="btn" />
<script type="text/javascript">
    // JS的做法, 当然下面的也可以把点击时间做成函数，然后添加到空间上面
    document.getElementById("btn").onclick = function() {
        //获取按钮点击状态
        var s = this.getAttribute("state");
        if(s == '1') {
            alert("系统处理中，请不要重复点击！");
        } else {
            // 设置点击状态，执行业务逻辑，设置处理中
            this.setAttribute("state", "1")
        }
        // 下方写你的其他代码
        
        this.setAttribute("state", "0"); // 设置点击状态，执行完成清空点击
    }
    // jQuery的做法
    $("#btn").click(function() {
        //获取按钮点击状态
        var s = $(this).attr("state");
        if(s == '1') {
            alert("系统处理中，请不要重复点击！");
        } else {
            // 设置点击状态，执行业务逻辑，设置处理中
            $(this).attr("state", "1")
        }
        // 下方写你的其他代码
        
        $(this).attr("state", "0"); // 设置点击状态，执行完成清空点击
    });
</script>

Answer 2

设置使能标记