jquery keyup 延迟输入事件检索

原创于 2021-12-13 10:38:36 发布 · 701 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #前端 #javascript

这段代码实现了一个实时模糊搜索的功能，当用户在搜索框中输入内容后，如果停止输入1秒，将触发搜索事件。搜索事件由`Searchatmlist`方法处理，该方法接收搜索框的值作为参数。这个实现提高了用户体验，避免了频繁的搜索请求。

绑定模糊搜索事件

var last;
        var search_input = $("#comatmid_chosen").find(".chosen-drop").find(".chosen-search input");
        search_input.keyup(function (event) {
            last = event.timeStamp;
            //得到输入的值
           // var s = $("#test").val();
            setTimeout(function () {
                //如果停止输入1s内没其他keyup事件发生，则检索
                if (last == event.timeStamp) {

                    Searchatmlist(search_input.val(), search_input);
                }
            }, 600);
        });
        
        //检索方法
        Searchatmlist(search_input.val(), search_input);