typescript - Hur man inaktiverar tangentbordstangenter med Angular 2+. Men tangenterna ska fungera på HTML-inmatningsfält

Finns det något sätt att inaktivera tangentbordets tangenter med Angular 2+ (Typescript)? Jag vill inaktivera alla tangenter på tangentbordet. Men tangenterna ska fungera på HTML-inmatningsfält.

Svar #1

Importera denna HostListener

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

Sedan, sätt in denna kod för att förhindra tangentbordsknappar..

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

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

   //or
   //do something

}

Svar #2

Här är en bättre formaterad version för dem som kan ha blivit förvirrade av Sakkeers korrekta svar

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

Relaterade artiklar