Typescript event emitter

//method 1
<input (keyup)="onKey($event)">

Email: <p>{{email}}</p>

//ts
export class AppComponent { 
  email: String = '';
  
  onKey(event: KeyboardEvent) { 
    this.email = event.target['value'];
    console.log("event", event);
  }
}           


	//method 2
  <input (keyup)="onKey($event)" (keypress)="onKey($event)" (keydown)="onKey($event)" >

	export class AppComponent {

  	onKey(event: KeyboardEvent) {
    console.log("This is", event.type);
  	}
   }   

  
  //method 3
  
  @HostListener("window:keypress", ["$event"])
    handleKeyboardEvent(event: KeyboardEvent) {
      console.log(event);
  }

Source: stacksjar.com

Similar codes

7 votes80 views1 answer
Initialize vector c++ with 0
TypeScript
1 vote125 views1 answer
Ionic copy to clipboard
TypeScript
8 votes113 views3 answers
Cannot find module '@angular-devkit/build-angular/package.json'
TypeScript
0 vote112 views1 answer
Do not use "// @ts-ignore" comments because they suppress compilation errors
TypeScript
1 vote120 views1 answer
Can't bind to 'cdkCopyToClipboard' since it isn't a known property of 'button'
TypeScript
1 vote118 views1 answer
Typescript add comments to interface prop[
TypeScript
0 vote122 views1 answer
This typescript
TypeScript
3 votes106 views1 answer
Sort list of lists by first element
TypeScript
4 votes115 views2 answers
Wht we need migrationts in django
TypeScript
0 vote129 views1 answer
Gang beasts türkiye discord
TypeScript