html5 – Angular 2全局密钥检测

前端之家收集整理的这篇文章主要介绍了html5 – Angular 2全局密钥检测前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用RC5绑定文档上的keyevent侦听器而不是Angular 2中的特定输入字段?

例如:

我知道这“将它绑定到一个元素”

<input (keypress)="onKeyDown($event)" [(ngModel)]="something" type="text">

例如,如何将其绑定到文档

<div (keypress)="onKeyDown($event)"> <input /> ... </div>

解决方法

@HostListener('window:keydown',['$event'])
onKeyDown(event) {
  ...
}

你也可以这样做

<div (window:keypress)="onKeyDown($event)">

要么

<div (document)="onKeyDown($event)">

声明性过滤就像

<div (window:keydown.alt.a)="onKeyDown($event)">

目前不支持全局侦听器

另见https://github.com/angular/angular/issues/7308

原文链接:https://www.f2er.com/html5/168539.html

猜你在找的HTML5相关文章