Question

I want to disable the keydown event to happen, until the script inside the keydown event finish execution.

  $(document).keydown(function(e){
        if (e.keyCode == 40){
           down(); //Assume down has some animate function executes for 1sec
        }
   });

Currently, when I press down key and keep it without releasing, keydown event fires repeatedly, I want to disable that.

Answer 1

Solution based on Asad’s answer:

$(document).keydown(function(e){
    if( $('body').hasClass('animating')){
        //DO NOTHING
    }
    else{
        if (e.keyCode == 40){
           down(); //Assume down has some animate function executes for 1sec
           $('body').addClass('animating');
        }
    }
 });


$(document).keyup(function(e){
    $('body').removeClass('animating');
});