javascript - 如何通过 Angular 检查空格键事件？

Question

我有一个使用此语法的 Angular 模板:

(click)="dosomething()"

效果很好。我现在需要在返回或空格键时触发相同的事件。我为返回添加了这个:

(keyup.return)="dosomething()"

这也很好。

进入了空格键，但我无法让它工作。我都试过了...

(keyup.space)="dosomething()"

……还有……

(keyup.spacebar)="dosomething()"

...但两者都不起作用。在这两种情况下，按空格键只是浏览器行为的默认设置，并将页面向下滚动一点。

keyup 甚至似乎是记录在案的解决方案(至少就我所能找到的而言)，所以我很困惑我在这里可能遗漏了什么。

Answer 1

要获得预期结果，请使用 (keyup.Space) 而不是 (keyup.space)(大写的 'S'):

<input (keyup.Space)= "doSomething()">

您还可以看到this working sample on StackBlitz供引用。