dart angular 2响应页面上任何位置的keydown事件

时间:2016-12-27 21:49:42

标签: angular dart

我希望能够使用键盘控制视图。如何使文档接受键盘输入。我试着做document.keydown,但那没用。

我能够在我的组件类中使用它:

  @HostListener('click', const ['\$event'])
  void onClick(event) {
    x++;
  }

当我直接点击div时,这会向x添加一个。我希望能够按一个键并调用一个函数。

1 个答案:

答案 0 :(得分:5)

你应该看看这个https://webdev.dartlang.org/angular/guide/user-input

但是使用您当前的代码,我会做类似的事情

@HostListener('keydown', const ['\$event'])
void onClick(event) {
  x++;
}

使用Vanilla Dart

import "dart:html";

void main() {
  document.onKeyDown.listen((event) {
    print(event);
  });
}