js怎么避免click短时间的多次执行
比如楼下说的漏毕凯方法,可以设置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