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里面实例化对象 ){} }

 

上一篇:Canvas绘图与动画详解


下一篇:阿里云ESC四