js控制按钮，防止频繁点击响应

最新推荐文章于 2025-06-27 11:30:48 发布

原创最新推荐文章于 2025-06-27 11:30:48 发布 · 3.1w 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js #setTimeout

收录于

Javascript 专栏收录该内容

65 篇文章

订阅专栏

本文介绍了一种防止用户频繁点击按钮的技术方案。通过设置一个标记变量并在点击事件中判断该变量的状态来实现按钮在被点击后一段时间内不可用的效果。具体实现方式为使用JavaScript/jQuery监听按钮点击事件，点击后按钮暂时禁用并显示提示信息。

为了防止频繁点击按钮，可以采用一个策略，点击一次后让按钮灰掉，暂时不可以用，一段时间后再可以用，伪代码如下：

var clicktag = 0;
            $('.a_cc').click(function () {
                if (clicktag == 0) {
                    clicktag = 1;
                    $(this).addClass("a_bb");
                    alert('click触发了');
                    setTimeout(function () { clicktag = 0 }, 5000);
                }
            });