Question

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

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

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

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);
});

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

1 个答案: