如何在角度按 Enter 键时单击按钮（不在表单内）答案

【问题标题】：How to click a button (not inside form) with Enter key press in angular如何在角度按 Enter 键时单击按钮（不在表单内）
【发布时间】：2020-06-29 22:27:04
【问题描述】：

我使用 angular 8 并且需要在按下 Enter 键时默认单击页面上的按钮。问题是按钮不在任何形式内。旁边还有其他按钮。单击它们可以正常工作，但我需要在Enter 按键上按下它。我阅读了一些建议，但似乎没有一个适合。我尝试了 `(keyup.Enter)="search()" 但它没有用。

<button
            id="log-button"
            (click)="search()"
            color="primary"
            [disabled]="logForm.invalid"
            class="link-button"
            >Search</button
        >

附： - 虽然这里有logForm，但它仅用于验证目的，并且放置此按钮的html中没有任何<form>标签。

任何帮助我们都非常感谢。

【问题讨论】：

标签： angular angular-material

【解决方案1】：

你应该在 ts 文件中监听 key-down 事件

 @HostListener('document:keypress', ['$event'])
  handleKeyboardEvent(event: KeyboardEvent) { 
  if(this.key === "Enter")
    your event
  }

excemple of lisener

【讨论】：

我只是在阅读了许多解决方案后才发现这个伙伴，但没有一个有效。我想通了，你的回复突然出现了。不过非常感谢。这个工作就像一个魅力。接受它。