Javascript/JQuery 按住键时如何防止函数重复执行？

Question

假设我们有以下 JQuery 代码：

$(document).bind('keyup', function(e) {    
    arrows=((e.which)||(e.keyCode));    
    switch (arrows){    
       case 37:
          executeMyfunction();     
          break;    
    }    
});

如果用户按住左箭头键 (37)，则会重复调用 executeMyfunction()。

如何防止这种情况发生？

我认为keyup 只会在密钥被释放但它不起作用时才会触发（这就是我使用 keyup 的原因；keydown 也不起作用）。

Answer 1

我相信你必须解除绑定事件。我觉得不应该是keyup，而是keypress或者keydown。

大概是这样的。

$(document).bind('keydown', function(e) {    
    arrows=((e.which)||(e.keyCode));    
    switch (arrows){    
       case 37:    
          executeMyfunction();    
          $(document).unbind('keydown');    
          break;    
    }
});

如果您想再次使用该事件，则必须重新绑定 keyup 上的函数：

$(document).bind('keyup', function(e) {        
    switch (arrows){    
      case 37:
         $(document).bind('keydown');
         break;
    }    
})

看： http://api.jquery.com/unbind/

Answer 2

好吧，你总是可以debounce 调用你的函数。也就是说，如果您希望在短时间内没有触发事件之后调用您的函数。