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

Question

我有一个输入字段,它有一个keyup事件:

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

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

Answer 1

基本上,在每个keyup上设置超时.如果已经有超时运行,请清除它并设置另一个超时.该DoSearch()功能仅在允许超时完成而不被另一个键盘重置时运行(即,当用户停止键入1000ms时).

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