首页 > Web开发 > 详细

js防止重复点击

时间:2018-06-21 16:09:37      阅读:200      评论:0      收藏:0      [点我收藏+]

表单元素

disabled 没有之一。

el.prop(‘disabled‘, true);
ajax({}).done(function() { el.prop(‘disabled‘, false); });

非表单元素

非表单,自然没有 disabled 之说,但可以借助中间变量。

if (el.data().loading === true) return false;
el.data(‘loading‘, true);
ajax({}).done(function() { el.data(‘loading‘, false); });

配合CSS

最后再配合css就更完美了。

.disabled, button[disabled] { background-color:#ddd; }

下面的例子用jquery。

解决思路,设置一个条件来触发事件:
那么问题来了,怎么设置条件 ?
可以用setTimeout函数来改变条件的值。

function runa(){
          console.log(‘is run‘);
      }
      var isRun=true;
     $("#set").click(function(){
         if(isRun){
             runa();
             isRun=false;
         }
         setTimeout(function(){
             isRun=true;
         },1500) //点击后相隔多长时间可执行
     })

 

js防止重复点击

原文:https://www.cnblogs.com/sghy/p/9209156.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!