Angular 9: how to focus in mat-input when key press anykey

Question

How to focus in mat-input when key press any key on keyboard.

have tried:

@HostListener('document:keydown', ['this.search.nativeElement.focus()'])

Answer 1

Try this:

@HostListener('document:keypress', ['$event'])
    handleKeyboardEvent(event: KeyboardEvent) {
        this.search.nativeElement.focus();
    }

Answer 2

YAY Fixed it and Thank you

 @HostListener('document:keypress', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) {
    this.search.nativeElement.focus();
    this.searchFocus();
  }

  keyboardFocusOut() : void {
    this.searchText = ""
    this.search.nativeElement.blur();
    this.searchFocusOut();
  }