什么是Angular2创建全局键盘快捷键(a.k.a.热键)的方法？

发布时间：2020-12-17 08:12:13 所属栏目：安全来源：网络整理

导读：在Angular2应用程序中创建全局键盘快捷键(a.k.a.热键)的正确方法是什么？让我们说好的起点就是要开始工作：“？”用于提交表格和“Alt s”。我应该映射“？”以某种方式到主要组件，然后开发将应用于那些应该响应特定热键的组件的属性指令，然后 – 如何防

在Angular2应用程序中创建全局键盘快捷键(a.k.a.热键)的正确方法是什么？

让我们说好的起点就是要开始工作：“？”用于提交表格和“Alt s”。

我应该映射“？”以某种方式到主要组件，然后开发将应用于那些应该响应特定热键的组件的属性指令，然后 – 如何防止输入字段响应“？”。

您可以在模板中使用此语法

<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) {
    ...
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!