jQuery 按键事件等待 0.5 秒等待另一个用户按键答案

【问题标题】：jQuery keypress event wait 0.5 seconds for another user-keypressjQuery 按键事件等待 0.5 秒等待另一个用户按键
【发布时间】：2014-02-14 14:21:39
【问题描述】：

我目前正在为我的网站开发实时搜索，我想用一些简单的 jQuery 减少一些不必要的请求（当然我有一个后端洪水控制）。我的搜索字段有一个 keydown-event-listener。如果val().length >= 3，则此侦听器当前仅触发 PHP 搜索功能的 ajax 命令。

但现在我想要一个附加条件。因此，当长度 >= 3 时，如果用户正在执行另一个按键，我想等待大约 0.5 秒左右。如果他这样做了，则不应调用该函数，我希望侦听器再等待 0.5 秒，然后再次等待更多用户输入，依此类推。如何实现这样的功能？

【问题讨论】：

在事件处理程序中使用 clearTimeout 取消任何先前的 0.5 秒等待，并使用 setTimeout 开始新的等待，并设置超时调用你想要的其余部分。
哇，这看起来很简单。我会试试的。所以事件处理程序应该总是先执行一个 clearTimeout()？
差不多，请参阅我的答案中的代码以获得一些指导。

标签： javascript jquery events keypress jquery-events

【解决方案1】：

var timeout;

$('#yousearchbox').on('keyup',function(){
  //if you already have a timout, clear it
  if(timeout){ clearTimeout(timeout);}

  //start new time, to perform ajax stuff in 500ms
  timeout = setTimeout(function() {
   //your ajax stuff
  },500);
})

【讨论】：

必须使用以下方法对其进行修补：if(typeof timeout != 'undefined'){ clearTimeout(timeout);}