搜索框在输入即搜索

最新更新: 2019-07-11 17:33:51 阅读: 19次

关键字搜索:实现输入即可搜索。

1、在搜索框聚焦时,开启定时器,在搜索框值变化时进行请求数据。在搜索框失去焦点后关闭定时器

  //关键字
    $('#keywords').focus(function () {
        var that=this;
        key_timer=setInterval(function () {
            if(data.keyword!==$.trim($(that).val())){
                data.keyword=$.trim($(that).val());
                getData(data);
            }
        },400)
    });
    $('#keywords').blur(function () {
        clearInterval(key_timer);
    });

2、用keyup事件,(在对应的标签获取焦点后按下键盘松开时)