我有一个输入字段,它有一个keyup事件:
$(document).ready(function() { $('#SearchInputBox').keyup(function() { DoSearch($(this).val()); }); });
如何添加延迟时间,以便仅当用户停止键入1秒钟时,它才会运行DoSearch功能.我不希望每次用户键入键时都继续运行它,因为如果键入速度很快,那么它就会滞后.
解决方法
基本上,在每个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); });