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

Question

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

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

如何添加延迟时间，以便只有当用户停止输入 1 秒时，它才会运行 DoSearch 功能。我不想在每次用户键入一个键时都继续运行它，因为如果他们键入得很快，它就会滞后。

Answer 1

基本上，在每个 keyup 上设置一个超时。如果已经有超时运行，请将其清除并设置另一个。该DoSearch()功能仅在允许超时完成而不被另一个按键重置时（即，当用户停止输入 1000 毫秒时）运行。

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