首页>内容

按钮限制连续点击

小坏蛋 / 08-12 / 评论 / 阅读 / 赞

作者有点忙，还没写简介

文章描述：

在很多时候会给按钮加一个点击事件，当这个按钮被点击的时候触发事件，如何限制按钮连续点击呢？

html

<input type="button" class="btn btn-primary" id="bc" value="提交" />

首先写一个按钮，给这个按钮添加一个id。

$('#bc').on('click',function() {
 
});

给按钮添加一个onclick事件，当按钮点击的时候触发这个事件。

disabled

disabled 属性规定禁用按钮

$("#bc").attr("disabled", true);
setTimeout(function() {
   $("#bc").removeAttr("disabled");
}, 1000);

然后使用setTimeout倒计时移除禁止按钮

发布时间：2021/08/12