搜索框搜索防抖事件

搜索框-搜索防抖事件

//搜索框-搜索事件
var flag = true;
$(".subtitle .iptform").on("compositionstart", function() {
    flag = false;
});
$(".subtitle .iptform").on("compositionend", function() {
    flag = true;
});
$(".subtitle .iptform").on("keyup", function() {
    if(flag) {
        //搜索内容
        var txt = $(this).val().trim();

        //显示的列表
        var list = $(".layui-show .poplist li");
        //匹配查询结果
        for(var i  = 0; i< list.length; i ++) {
            var item = $(list[i]).html();
            if(item.indexOf(txt) > -1) {
                $(list[i]).show();
            } else {
                $(list[i]).hide();
            }
        }
    }
});

解决搜索框输入中文时，未输入完整词语就搜索的问题

//搜索框-搜索事件（解决中文输入法过程中，未输入完整就请求）
var flag = true;
$(".subtitle .iptform").on("compositionstart", function() {
    flag = false;
});
$(".subtitle .iptform").on("compositionend", function() {
    flag = true;
});
// 解决
$(".subtitle .iptform").on("keyup", function() {
    if(flag) {}
});