其他分享
首页 > 其他分享> > Angular 全局监听键盘ESC事件

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

 

标签:eventManager,private,监听,ngOnInit,EventManager,ESC,constructor,Angular
来源: https://www.cnblogs.com/876878958-/p/11585236.html