首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在“流星”中实现没有文字输入的实时搜索?

问如何在“流星”中实现没有文字输入的实时搜索?
EN

Stack Overflow用户
提问于 2013-08-26 03:47:36
回答 1查看 2.2K关注 0票数 3

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

代码语言:javascript
复制
'keyup input.search-query': function (evt) {
    Session.set("search-query", evt.currentTarget.value);
}, 

这似乎是可行的,除非我按下一个键,搜索字段是模糊的,所以我输入的第二个字母不在文本字段中!有什么办法防止这种情况发生吗?

编辑:

更多信息:

代码语言:javascript
复制
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};
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-26 04:11:11

问题实际上是在HTML中。

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

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18436313

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档