特定のキー押しイベントに対するイベントバインディング

Question

角度では、ユーザがEnterキーを押したときに検出するために<input (keyup.enter)"onEnter($event)">と書くことができます。

私は他のキーesc、space、shiftなど

しかし、どのように検出することで行うことができます同じことをするときにユーザーを押しshift + up？

サポートされているキーの組み合わせはありますか？（私は公式ドキュメント内の任意のを見つけるcould'n）

Answer 1

は、いくつかの研究の後、私はそれを行うにはきちんとした方法を発見しました。シフトをチェックし、ブール値をtrueに設定するkeydownイベントを提案するつもりでした。次に、ブール値をfalseに設定するキーアップ関数をキーアップしましたが、矢印キーでブール値がtrueに設定されている場合はシフト+アップ状態になります。

Answer 2

あなたは(keyup)を使用して、キーが押されたためeventをチェックし、shiftKey用することができます

HTML

<input type="text" (keyup)="myFunc($event)"/> 

機能内部コンポーネント

private myFunc(event: KeyboardEvent): void { 
    if (event.key === 'ArrowUp' && event.shiftKey) { 
    // Your code 
    } 
} 

Answer 3

はい、あなたはこのようにそれを達成することができます：

<input (keyup)="onKeyUp($event)"> 

...とあなたのtypescriptですコードで：ここで

onKeyUp($event): void { 
    if ($event.shiftKey && $event.which === 38) { 
     // Place your logic here 
    } 
} 

がPLUNKER DEMO作業へのリンクです。これは、私はそれを愛する動作する場合

<!-- Listen to Shift + Up --> 
<input (keyup.shift.arrowup)="..."> 

<!-- Listen to Ctrl + Shift + Down --> 
<input (keyup.control.shift.arrowdown)="..."> 

<!-- Listen to Esc within window --> 
<div (window:keyup.esc)="...">