防止点击事件两秒钟

Question

我想T0启用单击事件后2秒jquery.I要停止单击事件2秒，2秒

jQuery(document).ready(function($){ 
 
var i=0; 
 
$('.clickBtn').click(function(event){ 
 
setTimeout(function(){ 
 
event.preventDefault(); 
 
},2000); 
 
    
 
}); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="clickBtn">click</a>

Answer 1

后启用它请试试这个代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="click-div"> 
    <a class="clickBtn">click</a> 
</div> 

<script type="text/javascript"> 

jQuery(document).ready(function($){ 
    $('.clickBtn').addClass('non-clickable'); 
    setTimeout(function(){ 
     $('.clickBtn').removeClass('non-clickable'); 
    },2000); 

    $('.click-div').on('click', '.clickBtn', function(event){ 
     if($(this).hasClass('non-clickable')) 
     { 
      return false; 
     } 
    }); 
}); 

</script> 

Answer 2

你可以使用setTimeout函数在一段时间后启用按钮。
使用prop向您的元素添加属性。

$('#myBtn').click(function() { 
 

 
    // your button 
 
    var mybutton = $(this); 
 

 
mybutton.prop('disabled', true); 
 

 
    //Your ajax code 
 

 
//remove disable attribute after 2 second. 
 
    setTimeout(function() { 
 
    mybutton.prop('disabled', false); 
 
    }, 2000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="myBtn">Click Me</button>