Javascript 仅在搜索模式下显示结果

我正在使用一个库来执行模糊搜索，并且工作得很好，但是只有一个问题，我希望结果只显示用户搜索时的结果，而不是显示文档的大多数示例显示的所有结果

我找不到任何我正在寻找的例子，ListJs是否有可能有一个选项，使结果只在一种搜索模式下可用

HTML:

<div id="sandbox">
    <input class="form-control form-control-lg fuzzy-search" placeholder="Search" />     
    <ul class="list" id="list"></ul>
</div>

var options = {
    valueNames: [ 
        'productTitle', 
        'productBrand', 
        { name: 'productImage', attr: 'src' }
    ],
    item: '<li>
             <img src="" class="img-fluid productImage" style="height: 100px;" alt="#" />
             <h3 class="productTitle"></h3>
             <p class="productBrand"></p>
           </li>'
};

var userList = new List('sandbox', options);

$.getJSON( "data.json", function( data ) {
    userList.add(data);
});

JS:

<div id="sandbox">
    <input class="form-control form-control-lg fuzzy-search" placeholder="Search" />     
    <ul class="list" id="list"></ul>
</div>

var options = {
    valueNames: [ 
        'productTitle', 
        'productBrand', 
        { name: 'productImage', attr: 'src' }
    ],
    item: '<li>
             <img src="" class="img-fluid productImage" style="height: 100px;" alt="#" />
             <h3 class="productTitle"></h3>
             <p class="productBrand"></p>
           </li>'
};

var userList = new List('sandbox', options);

$.getJSON( "data.json", function( data ) {
    userList.add(data);
});

var选项={
ValueName:[
“产品名称”，
“产品品牌”，
{name:'productImage'，attr:'src'}
],
项目：'


'
};
var userList=新列表（'sandbox'，选项）；
$.getJSON（“data.json”），函数（数据）{
添加（数据）；
});

好的，所以我不确定我是否理解你想要什么，但我会试试看，因为你还没有得到一个答案

我认为您想要的：默认情况下，列表是隐藏的。当用户聚焦搜索字段时，将显示列表。当焦点丢失时，列表将再次隐藏

您可以使用一些js解决这个问题（可以使用jquery作为选择器和hide（）show（）方法）：

HTML: 下面是一个链接，该链接基于listjs网站的另一个示例。
希望这有帮助，干杯