页面按钮点击后10秒内不可点击（前端防止重复提交）

最新推荐文章于 2022-03-17 18:00:08 发布

齐大圣2012

最新推荐文章于 2022-03-17 18:00:08 发布

阅读量1.6w

点赞数 6

分类专栏：前端

本文链接：https://blog.csdn.net/qidasheng2012/article/details/87930370

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、按钮是个div

页面

<div id="but" onclick="savePay()">提交</div>

css

.disable {
	pointer-events: none;
}

function savePay() {
	// 禁用点击事件
	$("#but").addClass("disable");

	// 提交业务

	// 10秒后启用点击事件
	setTimeout(function(){
		$("#but").removeClass("disable");
	},10000);
}

二、按钮是个button

页面

<input type="button" id="but" onclick="savePay()" value="提交"/>

function savePay() {
	// 禁用点击事件
	$("#but").attr("disabled",true);

	// 提交业务

	// 10秒后启用点击事件
	setTimeout(function(){
		$("#but").removeAttr("disabled");
	},10000);
}