jquery keyup 延迟输入事件检索

白葛

于 2021-12-13 10:38:36 发布

阅读量687

点赞数

CC 4.0 BY-SA版权

文章标签： jquery 前端 javascript

本文链接：https://blog.youkuaiyun.com/xiongliuyun/article/details/121899946

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

绑定模糊搜索事件

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