如何在Meteor中实现实时搜索，而不会在每个字母后出现文本输入模糊

How to implement a live search in Meteor without text input blurring after every letter?

本文关键字：模糊 输入 文本 实现 Meteor 实时 搜索      更新时间：2023-09-26

我正在尝试实现一个基本的实时搜索栏，因此我有一个事件在侦听任何keyup：

'keyup input.search-query': function (evt) {
    Session.set("search-query", evt.currentTarget.value);
},

这似乎是有效的，除了每当我按键时，搜索字段都会模糊，所以我键入的第二个字母不在文本字段中！有什么办法防止这种情况发生吗？

编辑：

更多信息：

Template.search.events({
    'keyup input.search-query': function (evt) {
        Session.set("search-query", evt.currentTarget.value);
    }, 
})
Template.search.searchResults = function () {
    var keyword  = Session.get("search-query");
    var query = new RegExp( keyword, 'i' );
    var results = Articles.find( { $or: [{'user': query},
                                        {'title': query},
                                        {'articleText': query},
                                        {'datetime': query}] } );
    return {results: results};
}

实际上问题出在HTML中。

我在同一个模板中有搜索栏和搜索结果，所以每当模板刷新新结果时，它都会模糊搜索栏。我所做的只是让搜索结果成为自己的模板，并在搜索栏下面导入该模板，这样一切看起来都一样。

相关文章：