如何在 Angular 中使用 Enter 键触发事件?

问题描述 投票:0回答:2
angular triggers
2个回答
1
投票

尝试

(keyup.enter)
(keydown.enter)

<div
    fxFlex="1 1 auto"
    fxLayout="column"
    class="content"
    (click)="openDialog($event)"
    (keyup.enter)="openDialog($event)"
>

记住 $event 现在是键盘事件而不是点击事件。


0
投票

您可以在 *.ts 文件中的方法上使用

HostListener
装饰器,而无需更改模板。

例如参见这个stackblitz

请确定您的情况,检查您要打开的对话框是否尚未打开。

export class App {
  enterCounter = 0;
  tCounter = 0;

  @HostListener('document:keydown.enter')
  onDocumentKeydownEnter() {
    this.enterCounter++;
  }

  @HostListener('document:keyup.t')
  onDocumentKeyupT() {
    this.tCounter++;
  }
}
© www.soinside.com 2019 - 2024. All rights reserved.