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

前端之家收集整理的这篇文章主要介绍了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);
});

猜你在找的JavaScript相关文章