在 Aurelia 应用程序中处理 window.keyPress 事件答案

【问题标题】：Handle window.keyPress event in Aurelia app在 Aurelia 应用程序中处理 window.keyPress 事件
【发布时间】：2017-02-23 11:18:11
【问题描述】：

我想知道是否有人可以提供有关我如何在 Aurelia 应用程序中挂钩 window.keyPress() 事件的任何见解。我希望捕获条形码扫描仪输入，并根据扫描的值将扫描的文本引导到适当的输入中。

我尝试将window.addEventListener("keypress", HandleKeyInput, false) 放在我的视图模型的activate() 中，但是来自应用路由器的错误是 “HandleKeyInput 未定义”即使我的视图模型中有此功能。

我想知道对于 Aurelia，这种情况下的正确方法是什么。

【问题讨论】：

@cbernsdof 你试过谷歌吗？

标签： javascript aurelia

【解决方案1】：

这是一个例子：https://gist.run?id=f7837c986c38adeac5a58b8007c28b2a

export class App {
  activate() {
    window.addEventListener('keypress', this.handleKeyInput, false);
  }

  deactivate() {
   window.removeEventListener('keypress', this.handleKeyInput);
  }

  handleKeyInput = (event) => {
    console.log(event);
  }
}

一些不错的阅读：

【讨论】：

好答案。从技术上讲，这段代码是否应该在自定义属性中？
如何处理文本框的按键事件？