在 Ember 2 中，绑定 on=keypress 事件到 {{input}} 时无法获取事件对象

Question

在Ember2中，我正在尝试做可能是最简单的事情。当我将事件绑定到输入元素时，我希望将事件参数传递到我的操作处理程序，但我无法获得它。只是我需要检查键盘上的 "enter" 键的 keyCode 13。

 {{input type=text
           value=model.filters.query
           placeholder="Search by title"
           action="search" onEvent="key-press"
 }}

我的函数处理程序是：

search(newValue){
 // I am only getting newValue and not the event object
}

Answer 1

DOM 默认情况下不公开事件。 Here is a issue regarding that.

但是对于您的用例，我们可以通过在输入助手的 'enter' 属性中指定操作来在按下回车按钮时触发操作。 You can refer this 其中列出了可以添加操作的不同用户事件。

{{input 
  type=text
  value=query
  placeholder="Search by title"
  enter="search"
}}

App.IndexController = Em.Controller.extend({
  query: '',
  actions: {
    search: function(value) {
      alert(value);
    } 
  }
});

Here is a working demo.

在 Ember 2 中，绑定 on=keypress 事件到 {{input}} 时无法获取事件对象

In Ember 2, I am unable to get the event object when binding on=keypress event to {{input}}

javascript

ember.js

ember-cli

ember.js-2