[javascript] Was sind die Optionen für (keyup) in Angular2?



Answers

Diese Datei gibt Ihnen einige Hinweise, zum Beispiel, keydown.up funktioniert nicht Sie brauchen keydown.arrowup:

https://github.com/angular/angular/blob/630d93150a58581a0d474ebf1befb5d09b6813c5/modules/angular2/src/platform/browser/browser_adapter.dart

Question

Folgendes funktioniert hervorragend, wenn die Eingabetaste losgelassen wird. Welche anderen Optionen sind neben keyup.enter für den keyup keyup.enter ?

<input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>



Ich suchte nach einer Möglichkeit, an mehrere Schlüsselereignisse zu binden - insbesondere Shift + Enter -, konnte aber online keine guten Ressourcen finden. Aber nach dem Loggen der Keydown-Bindung

<textarea (keydown)=onKeydownEvent($event)></textarea>

Ich entdeckte, dass das Tastaturereignis alle Informationen lieferte, die ich brauchte, um Shift + Enter zu erkennen. Es stellt sich heraus, dass das $event -Ereignis ein ziemlich detailliertes KeyboardEvent zurückgibt.

onKeydownEvent(event: KeyboardEvent): void {
   if (event.keyCode === 13 && event.shiftKey) {
       // On 'Shift+Enter' do this...
   }
}

Es gibt auch Flags für die CtrlKey, AltKey und MetaKey (dh Befehlstaste auf dem Mac).

Keine Notwendigkeit für KeyEventsPlugin, JQuery oder eine reine JS-Bindung.




Links