Javascript 如何在Meteor中实现实时搜索,而不会在每个字母后出现文本输入模糊?
我正在尝试实现一个基本的实时搜索栏,因此我有一个事件可以监听任何键控:Javascript 如何在Meteor中实现实时搜索,而不会在每个字母后出现文本输入模糊?,javascript,meteor,Javascript,Meteor,我正在尝试实现一个基本的实时搜索栏,因此我有一个事件可以监听任何键控: 'keyup input.search-query': function (evt) { Session.set("search-query", evt.currentTarget.value); }, 这似乎起作用了,除了我任何时候按下一个键,搜索字段都是模糊的,所以我键入的第二个字母不在文本字段中!有没有办法防止这种情况发生 编辑: 更多信息: Template.search.events({ 'ke
'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中
我将搜索栏和搜索结果放在同一个模板中,因此每当模板刷新新结果时,搜索栏就会模糊。我所做的只是将搜索结果作为自己的模板,并将该模板导入搜索栏下方,使所有内容看起来都一样。您能否提供一个更完整的答案,比如生成的代码是什么样的?