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

我有一个输入字段,它有一个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);
});

原文地址：https://www.jb51.cc/js/159560.html