概述
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮
1 window.setTimeout();
var isClick = true;
var test = function(){
if(isClick){
scrollUp1 = window.setTimeout(start,500);
}
isClick = false;
}
var start=function(){
window.clearTimeout(scrollUp1);
_btnUp.attr("disabled",false);
isClick = true;
}
_btn.click(test);
2 window.setInterval();
var ss = 30;
var tipId;
function show() {
tipId = window.setInterval("start()", 1000); //每隔1秒调用一次start()方法
}
function start() {
if (ss > 0) {
var vv = "点下我(" + ss + ")";
$("#btn").attr("disabled", "disabled"); //使按钮不能被点击
$("#btn").attr("value", vv); //更改按钮上的文字
nn--;
} else {
nn = 30;
$("#btn").removeAttr("disabled"); //使按钮能够被点击
$("#btn").attr("value", "点下我"); //更改按钮上的文字
window.clearInterval(tipId); //清除循环事件
}
}
最后
以上就是想人陪跳跳糖为你收集整理的防止按钮被多次点击的全部内容,希望文章能够帮你解决防止按钮被多次点击所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复