Breaking News: Grepper is joining You.com. Read the official announcement!

typescript event emitter

Ill Iguana answered on January 25, 2022 Popularity 9/10 Helpfulness 1/10

answer typescript event emitter

typescript event emitter

Comments(1)

-1

//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);
  }

Popularity 9/10 Helpfulness 1/10 Language typescript

Source: stacksjar.com

Tags: emitter typescript

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

Ill Iguana

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

typescript event emitter

Contents

More Related Answers

typescript event emitter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.