js 实现防止按钮被多次点击
2017-12-20 22:34
155 查看
至今位置,接触过许多关于防止按钮被多次点击的方法,主要实现方式有两种:
1.设置按钮的属性:
$("#btn").attr("disabled", "disabled"); //使按钮不能被点击
$("#btn").removeAttr("disabled"); //使按钮能够被点击
2.通过js 实现:通过三个js 函数实现
(1)加锁函数
[javascript] view
plain copy
function lock(obj){
if(!(obj instanceof jQuery)){
obj = $(obj);
}
obj.attr("lock","lock");
}
(2) 判断是否加锁函数
[javascript] view
plain copy
function islock(obj){
if(!(obj instanceof jQuery)){
obj = $(obj);
}
return obj.attr("lock") == "lock";
}
(3)解锁函数
[javascript] view
plain copy
function unlock(obj,time){
if(!(obj instanceof jQuery)) {
obj = $(obj);
}
if(time == null || isNaN(time)) {
time = 3000;
}
window.setTimeout(function(){
obj.attr("lock","unlock");
},time);
}
应用:
[javascript] view
plain copy
function ownFunction(){
/**obj 是你要上锁的对象***/
if(isLock(obj) return;
lock(obj);
/***你要实现的函数逻辑**/
unlock(obj);
}
1.设置按钮的属性:
$("#btn").attr("disabled", "disabled"); //使按钮不能被点击
$("#btn").removeAttr("disabled"); //使按钮能够被点击
2.通过js 实现:通过三个js 函数实现
(1)加锁函数
[javascript] view
plain copy
function lock(obj){
if(!(obj instanceof jQuery)){
obj = $(obj);
}
obj.attr("lock","lock");
}
(2) 判断是否加锁函数
[javascript] view
plain copy
function islock(obj){
if(!(obj instanceof jQuery)){
obj = $(obj);
}
return obj.attr("lock") == "lock";
}
(3)解锁函数
[javascript] view
plain copy
function unlock(obj,time){
if(!(obj instanceof jQuery)) {
obj = $(obj);
}
if(time == null || isNaN(time)) {
time = 3000;
}
window.setTimeout(function(){
obj.attr("lock","unlock");
},time);
}
应用:
[javascript] view
plain copy
function ownFunction(){
/**obj 是你要上锁的对象***/
if(isLock(obj) return;
lock(obj);
/***你要实现的函数逻辑**/
unlock(obj);
}
相关文章推荐
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- js 实现防止按钮被多次点击
- Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
- js-按钮点击后变为不可点击状态,防止多次提交
- js中防止连续点击按钮导致多次重复提交数据的方法
- 防止按钮重复点击的js实现
- 防止Android点击按钮过快造成多次事件实现原理
- js实现点击一个按钮达到浏览器全屏效果
- Asp.net 按钮防止点击多次数据提交
- 利用runtime懒人实现iOS 防止按钮连续点击 连续响应事件,可以自己设置时间间隔,拖进工程中立即生效
- JS中如何实现每点击一次按钮,显示一条信息
- js实现点击按钮后给Div图层设置随机背景颜色的方法