Angular2キーボードイベントから削除ボタンを押します。

Question

グリッドビューに複数のレコードがあります。私はgridviewから複数のレコードを選択するオプションがあります。

選択後、これらの選択したレコードを削除します。

キーボードから削除ボタンを押したときに、削除イベントがangular2で呼び出されるようにどのように呼び出すことができますか？

Answer 1

これを試してみてください：

の.html：

このキーを押すと、要素の内部にリリースされたときにイベントが発生します：

<div (keyup)="onKeyup($event)"></div> 

...と、このイベントを発生させますキーが押されると、文書上の他の誰かに解放される。

<div (window:keyup)="onKeyup($event)"></div> 

.TS：

onKeyup(event) { 
    if (event.key === "Delete") { 
     // perform your action here 
    } 
} 

ここでは、イベントが私のために働いたキーボードをバインドする@HostListenerを使用してangular2にリンクPLUNKER DEMO

Answer 2

です。

import { HostListener } from '@angular/core'; 

@Component({ 
    ... 
}) 
export class AppComponent { 

    @HostListener('document:keypress', ['$event']) 
    handleKeyboardEvent(event: KeyboardEvent) { 
    this.key = event.key; 
    } 
} 

詳細については、こちらをご覧ください。

How can I listen for keypress event on the whole page?