如何在输入字段keyup事件上添加等待计时器？

我有一个输入字段，它有一个keyup事件：

$(document).ready(function() { $('#SearchInputBox').keyup(function() { DoSearch($(this).val()); }); }); 

如何添加延迟时间，以便仅当用户停止键入1秒钟时，它才会运行DoSearchfunction。 我不希望每次用户键入键时都继续运行它，因为如果键入速度很快，那么它就会滞后。

Answer 1

基本上，在每个keyup上设置超时。 如果已经有超时运行，请清除它并设置另一个超时。 DoSearch()函数仅在允许超时完成而不被另一个keyup重置时运行（即，当用户停止键入1000ms时）。

 var timeout = null; $('#SearchInputBox').on('keyup', function () { var that = this; if (timeout !== null) { clearTimeout(timeout); } timeout = setTimeout(function () { DoSearch($(that).val()); }, 1000); });