在Angular2应用程序中创建全局键盘快捷键(a.k.a.热键)的正确方法是什么？
让我们说好的起点就是要开始工作：“？”用于提交表格和“Alt s”。
我应该映射“？”以某种方式到主要组件，然后开发将应用于那些应该响应特定热键的组件的属性指令，然后 – 如何防止输入字段响应“？”。
您可以在模板中使用此语法
原文链接：https://www.f2er.com/angularjs/144459.html<div (window:keydown)="doSomething($event)">click me<div>
doSomething($event) {
// read keyCode or other properties
// from event and execute a command
}
监听主机组件本身
@Component({
selector: 'app-component',host: { '(window:keydown)': 'doSomething($event)' },})
class AppComponent {
doSomething($event) {
...
}
}
或通过此等效语法
@Component({
selector: 'app-component',})
class AppComponent {
@HostListener('window:keydown',['$event'])
doSomething($event) {
...
}
}
