Javascript Ember.js如何触发按钮动作按下"；输入"；？

如何使用enter键触发操作。我之前已经按下了按钮，使其处于“活动”状态。对于输入，我可以输入class='actionName'，这对按钮不起作用

<div class="input-group">
    {{clickable-textfield value=value placeholder=inputPlaceholder}}

    <span class="input-group-btn">
        <button class="btn btn-default" type="button" {{action 'manuallySelect'}}>
            <span class="icon-user"></span>
        </button>
    </span>
</div>

{{可点击文本字段值=值占位符=输入占位符}

---

表单应包装在

标记中，您可以在操作中使用

on='submit'

：

  <form {{action 'saveBook' book on='submit'}} class="form-inline">
    <div class="input-group">
      {{input value=book.title class='form-control'}}
      <div class="input-group-btn">
        <button type="submit" class="btn btn-success" disabled={{book.isNotValid}}>Save</button>
        <button class="btn btn-danger" {{action 'cancelBookEdit' book}}>Cancel</button>
      </div>
    </div>
  </form>

{{input value=book.title class='form-control'}
拯救
取消

---

来源：|

为此，您很可能需要创建一个组件

ember g component enterable-button

然后在组件文件中，您将需要监听一个键事件，并检查他们按下的键是否是回车键

// components/enterable-button.js
import Ember from 'ember';

export default Ember.Component.extend({
    tagName: 'button',
    className: 'btn',
    keyPress(event) {
        if (event.keyCode === 13) {
            this.sendAction('enter');
        }
    }
});

现在，在您的模板中，您将按如下方式调用组件：

{{#enterable-button class="btn-default" enter='manuallySelect'}}
  <span class="icon-user"></span>
{{/enterable-button}}

{{{#可输入按钮class=“btn default”enter='manuallySelect'}
{{/可输入按钮}

---

这应该可以工作，但我现在无法创建jsbin。可能需要稍加修改。

以前尝试过，但由于某些原因无效：我们明天有两个调查。我想按钮类型必须提交。谢谢，我明天再看。