Prevent print dialog from showing when pressing Ctrl P-CodePudding

I have an angular app and I don't want the printDialog to open when pressing "Ctrl P". I've added the following code

 window.onbeforeprint = (event) => {
      event.stopPropagation();
      console.log('Before print');
    };

I can see my log in the console but the window is displayed. What I would like to do is to use html2canvas and jsPDF to screen my app instead of using window print.

How can I achieve that ?

CodePudding user response：

You may be able to use this:

  @HostListener('window:keydown.control.p', ['$event'])
  preventPrint(event: KeyboardEvent) {
    event.preventDefault();
  }

Print prevention will only occur when the component in question is on screen. If you would like for your whole app to prevent printing then you can put this on your root app component.