Ereignisbindung für bestimmte Tastendruckereignis

Question

In Angular kann ich schreiben <input (keyup.enter)"onEnter($event)"> zu erkennen, wenn Benutzer die Eingabetaste drücken.

Das gleiche ich mit anderen Tasten tun können esc, space, shift usw.

Aber wie kann man erkennen, wenn Benutzer drücken shift + up?

Gibt es eine Liste mit unterstützten Tastenkombinationen? (I could'n jeder in offiziellen docs)

Answer 1

Nach einigen Recherchen fand ich nette Art und Weise, es zu tun:

<!-- 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)="..."> 

Answer 2

Sie (keyup) verwenden können, und überprüfen Sie die event für die Taste gedrückt wurde, und für shiftKey:

HTML

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

Funktion innen Komponente

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

Answer 3

Ja, können Sie es wie folgt erreichen:

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

.. und in Ihrem Typoskript Code:

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

Hier ist ein Link zu PLUNKER DEMO arbeiten.