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

0 vote174 views1 answer
Software for checking open ports of IP
TypeScript
59 votes541 views6 answers
Sum elements in list python
TypeScript
12 votes204 views3 answers
Useref input typescript
TypeScript
0 vote229 views1 answer
Wergensherts meaning
TypeScript
0 vote202 views1 answer
Keynote Invite multiple users to make edits to the same document:
TypeScript
9 votes211 views2 answers
Delete all child elements jquery
TypeScript
0 vote214 views10 answers
Javascript to typescript converter online
TypeScript
0 vote224 views4 answers
Construct a binary tree from inorder and preorder traversal calculator
TypeScript
0 vote237 views1 answer
Uncheck all checkboxes typescript
TypeScript
0 vote308 views1 answer
Laravel validation exists multiple tables laravel
TypeScript