Welche Taste wurde gedrückt von (Tastendruck) angular2

Question

Kann man herausfinden, welche Taste bei Verwendung von (Tastendruck) in Angular 2 gedrückt wurde?

z.

<input type=text (keypress)=eventHandler()/> 

public eventHandler() { 
    //Some code 
    console.log(keyPressed); 
} 

Bearbeiten: Scheint meine Namenskonventionen waren ein bisschen aus. Ich meinte nicht AngularJS 2, ich meinte Angular 2.0 mit Typoskript.

Answer 1

Übergeben Sie $event an Ihren Event-Handler. Die $event ist eine DOM KeyboardEvent.

<input type=text (keypress)="eventHandler($event)"> 

eventHandler(event) { 
    console.log(event, event.keyCode, event.keyIdentifier); 
} 

Wenn Sie wissen, welche Eigenschaft Keyboard Sie möchten, können Sie das in den Ereignishandler übergeben:

<input type=text (keypress)="eventHandler($event.keyCode)"> 

eventHandler(keyCode) {...} 

Answer 2

@Component({ 
    selector: 'key-up3', 
    template: ` 
    <input #box (keyup.enter)="onEnter(box.value)"> 
    <p>{{value}}</p> 
    ` 
}) 
export class KeyUpComponent_v3 { 
    value = ''; 
    onEnter(value: string) { this.value = value; } 
} 

Oder so verwenden ..

<input #box (keyup.enter)="onSubmit(form.value)"> 
<form [formGroup]="form" (ngSubmit)="onSubmit(form.value)"> 

Answer 3

Basierend auf der Kommentar zur Antwort:

Dies erkennt nicht alle Ereignisse. zum Beispiel nicht Pfeiltasten oder Escape. aber Sie können (Keydown) verwenden, um alle von ihnen zu bekommen.

Die beste Lösung sowohl alle Ereignisse Backspace zu erhalten und löschen oder was auch immer Schlüssel, benutzen Sie einfach (Eingang)

<input type=text (input)="eventHandler($event.keyCode)"> 

eventHandler(keyCode) {...}