Angular 全局監聽鍵盤ESC事件

原文地址:https://blog.csdn.net/chanchaw/article/details/86826495

技術點：使用EventManager
根模塊中不要引用，組件模塊中引用
import { EventManager } from '@angular/platform-browser';
組件constructor中實例化對象
constructor(private eventManager:EventManager){}
在ngOnInit中注冊全局監聽
代碼實現

import { EventManager } from '@angular/platform-browser';--添加必要引用
    
export class AppComponent implements OnInit {
   ngOnInit(): void {
     this.eventManager.addGlobalEventListener('window','keyup.esc',()=>{alert('你點擊了ESC');     });  --鍵盤監聽事件
   }
   
constructor(
     private eventManager:EventManager --在constructor里面實例化對象
   ){}
 }