js 实现防止按钮被多次点击

至今位置，接触过许多关于防止按钮被多次点击的方法，主要实现方式有两种：

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);  

}