Quali sono le opzioni per (keyup) in Angular2?

Question

Quanto segue funziona in modo ottimale quando viene immessa la chiave . Quali altre opzioni sono disponibili per keyup in aggiunta a keyup.enter?

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

Answer 1

Queste sono le opzioni attualmente documentati nelle prove: ctrl, shift, entrare e fuggire. Questi sono alcuni esempi validi di combinazioni di tasti:

keydown.control.shift.enter 
keydown.control.esc 

È possibile tenere traccia di questo here mentre non esistono documentazione ufficiale, ma dovrebbe essere presto fuori.

Answer 2

Questo file darvi qualche ulteriori suggerimenti, ad esempio, keydown.up non funziona è necessario keydown.arrowup:

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

Answer 3

è possibile aggiungere keyup evento come questo

template: ` 
    <input (keyup)="onKey($event)"> 
    <p>{{values}}</p> 
` 

in Component, codice di alcuni, come di seguito

export class KeyUpComponent_v1 { 
    values = ''; 

    onKey(event:any) { // without type info 
    this.values += event.target.value + ' | '; 
    } 
} 

Answer 4

Se il keyup ev ent è al di fuori della CTRL, SHIFT, ENTER e ESC staffa, basta usare la guida di @Md Ayub Ali Sarker. L'unico pseudo evento keyup menzionato qui nei documenti angolari https://angular.io/docs/ts/latest/guide/user-input.html è INVIO chiave. Non ci sono ancora pseudo-eventi keyup per chiavi numeriche e alfabeti.

Answer 5

Ero alla ricerca di un modo per associare a più eventi chiave, in particolare Maiusc + Invio, ma non sono riuscito a trovare alcuna buona risorsa online. Ma dopo l'accesso il legame

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

keydown ho scoperto che l'evento della tastiera fornito tutte le informazioni di cui avevo bisogno per rilevare Maiusc + Invio. Risulta che $event restituisce un abbastanza dettagliato KeyboardEvent.

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

C'è anche bandiere per il ctrlKey, altKey, e metakey (tasto cioè Command su Mac).

Nessuna necessità per KeyEventsPlugin, JQuery o un binding JS puro.