How to Disable Keyboard Keys Using Angular 2+. But, The keys should be work on HTML input fields

Question

Is there any way to disable the keyboard keys using Angular 2+(Typescript). I want to disable all keys in keyboard. But, the keys should be work on HTML input fields.

Answer 1

Import this HostListener

 import { HostListener } from '@angular/core';

Then, put this code to prevent keyboard keys..

  @HostListener('document:keydown', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) {

  console.log(event);
   event.returnValue = false;
   event.preventDefault();

   //or
   //do something

}

Answer 2

Here's a better formatted version to those that may have gotten confused from Sakkeer's correct answer

import { HostListener } from '@angular/core';
...
export class YourComponent{
    
 @HostListener('document:keydown', ['$event'])
  onKeydownHandler(event: KeyboardEvent) {
  event.preventDefault();
 }
 ngOnInit() {}
}