- 技术点:使用
EventManager
- 根模块中不要引用,组件模块中引用
import { EventManager } from '@angular/platform-browser';
- 组件
constructor
中实例化对象constructor(private eventManager:EventManager){}
- 在
ngOnInit
中注册全局监听
ngOnInit(): void {
this.eventManager.addGlobalEventListener('window','keyup.esc',()=>{
alert('你点击了ESC');
});
}
上面的代码是监听当WEB页面中按下esc按键,则会弹出模态提示框,完整代码如下
import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { EventManager } from '@angular/platform-browser';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
ngOnInit(): void {
this.eventManager.addGlobalEventListener('window','keyup.esc',()=>{
alert('你点击了ESC');
});
}
constructor(
private eventManager:EventManager
){}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。