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

Question

我想知道是否有人能够提供任何有关我如何window.keyPress()在Aurelia应用程序中加入活动的见解.我希望捕获条形码扫描仪输入,并根据扫描值将扫描文本指向适当的输入.

我试图把window.addEventListener("keypress", HandleKeyInput, false)在activate()我的视图模型,但这个错误从应用路由器与"HandleKeyInput没有定义"即使我有我的视图模型此功能.

我想知道这种情况对Aurelia的正确方法是什么.

Answer 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);
  }
}

一些不错的阅读：

• http://www.quirksmode.org/dom/events/keys.html
• http://www.quirksmode.org/js/keys.html