美文网首页
Meteor 拦截回车键 执行回车搜索

Meteor 拦截回车键 执行回车搜索

作者: 木猫尾巴 | 来源:发表于2016-01-04 11:19 被阅读93次

    [TOC]

    起因

    在Meteor中,默认回车键会导致界面刷新,所以在很多时候,需要对某些元素进行回车动作触发当前页面的业务,而不是更新整个页面

    思路

    在meteor的模板事件中,获取按键的按下和放开事件,只拦截回车键事件,并给予对于操作

    回车事件为 event.which -> 13, 当然其他按键的事件,可以调试 debugger; 时,找到对应的事件id

    实例

    例如我想对一个在模板user_info_query的文本框search_user的查询操作进行回车定义,那么在模板中写入如下内容。

    
    Template.user_info_query.events({
       'keyup .search_user': function (event, temp) {
           if (13 == event.which) {
               event.preventDefault();
               searchUserInfo(temp);
           }
       },
       'keydown .search_user': function(event){
           if (13 == event.which) {
               event.preventDefault();
           }
       }
    });
    
    

    相关文章

      网友评论

          本文标题:Meteor 拦截回车键 执行回车搜索

          本文链接:https://www.haomeiwen.com/subject/ajfahttx.html