代码之家  ›  专栏  ›  技术社区  ›  Fred J.

流星进入关键事件

  •  1
  • Fred J.  · 技术社区  · 7 年前

    当触摸/点击键盘输入键时,Meteor客户端的“简化版”代码需要打印“提交”到浏览器控制台,但它什么也不做。
    为什么以及如何修复?谢谢

    Template.body.events({
      'submit #myForm': function(e) {
        e.preventDefault();
        console.log('submitted');  //<=========
      }
    });
    
    <body>
      <form id="myForm">
        {{> index}}
      </form>
    </body>
    
    <template name="index">
      <div id="main">
        {{> content}}
      </div>
    </template>
    
    <template name="content">
      {{> Template.dynamic template=whichOne}}
    </template>
    
    <template name="search">
      <input class="half" type="text" id="food" autocomplete="off">
    </template>
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Mostafiz Rahman    7 年前

    search 模板添加侦听器以输入键。添加此行:

    onKeyPress={(event)=>{
        if(event.key == 'Enter'){
            // do whatever you like to do
        }
    }}
    

    下面是一个小例子: https://jsfiddle.net/kxooyb3z/