Ember 组件键盘事件答案

【问题标题】：Ember Component keyboard eventsEmber 组件键盘事件
【发布时间】：2014-05-30 18:25:50
【问题描述】：

在我的 web 应用程序中，我在顶部有一个搜索字段（有点像 Facebook），它是一个 input 字段和一个用于结果建议的引导下拉菜单。我想将它与其容器的控制器分离成一个 Ember 组件。但我不明白如何从输入字段中获取事件。现在视图选择submit（没有提交按钮）和keyUp/keyDown用于导航下拉菜单。如何在组件上监听这些事件？

【问题讨论】：

标签： ember.js

【解决方案1】：

您可以像使用 View 一样使用 Component。

App.SearchFieldComponent = Ember.Component.extend({
  value: "",
  keyUp: function (e) {
    console.log(e);
    alert("You pressed key code " + e.keyCode);
  }
});

Full jsbin.

【讨论】：