Handle window.keyПресс-событие в приложении Aurelia

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