Pseudo-events

This is the documentation for Angular 6.
You can switch to the latest version Angular 10.

You can filter keyboard events in a template by event key.

Angular allows you to directly bind to a specific keystroke or keystroke combination. That means a keyboard event will be only fired on that specific key or key combination instead of on all key events.

Source

<input (keyup.enter)="enterHandler()">
<input (keydown.esc)="escHandler()">
<input (keyup.shift.f)="shiftFHandler()">

export class AppComponent {
  enterHandler() {
    alert('Enter pressed!');
  }

  escHandler() {
    alert('ESC pressed!');
  }

  shiftFHandler() {
    alert('Shift+F pressed!');
  }
}

Result

Links & Tutorials

Angular Pseudo-Events