角度2のHostListenerキー押下でエスケープキーを検出しますか？

Question

次の方法を使用して、ページのキー押下を検出しています。私の計画は、エスケープキーが押されたときを検出し、そうであればメソッドを実行することです。私はちょうど押されたキーを記録しようとしています。ただし、エスケープキーは検出されません。

@HostListener('document:keypress', ['$event']) 
handleKeyboardEvent(event: KeyboardEvent) { 
    console.log(event); 
    let x = event.keyCode; 
    if (x === 27) { 
     console.log('Escape!'); 
    } 
} 

Answer 1

はEscキーをキャプチャする​​またはkeyupイベントでそれを試してみてください。

Answer 2

KeyDownイベントと動作するようには思えkeyUpイベント：

const ESCAPE_KEYCODE = 27; 

@HostListener('document:keydown', ['$event']) onKeydownHandler(event: KeyboardEvent) { 
    if (event.keyCode === ESCAPE_KEYCODE) { 
     // ... 
    } 
} 

か短いのように：http://embed.plnkr.co/VLajGbWhbaUhCy3xss8l/

Answer 3

これは、次のコードを使用して、私のために働いた

@HostListener('document:keydown.escape', ['$event']) onKeydownHandler(evt: KeyboardEvent) { 
    // ... 
} 

Answer 4

現代的なアプローチを

@HostListener('document:keydown', ['$event']) onKeydownHandler(event: KeyboardEvent) { 
    if (event.key === "Escape") { 
     // Do things 
    } 
}