按钮限制连续点击

文章描述:

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

html

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

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

js

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

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

disabled

disabled 属性规定禁用按钮

js

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

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

发布时间:2021/08/12

发表评论