angular - 特定按键事件的事件绑定(bind)

Question

在 Angular 中我可以写 <input (keyup.enter)"onEnter($event)">检测用户何时按下回车键。

我可以用其他键做同样的事情 esc , space , shift等

但是如何检测用户何时按下 shift + up ?

是否有支持的组合键列表？(我在官方文档中找不到)

Answer 1

经过一番研究，我找到了一种简洁的方法:

<!-- Listen to Shift + Up -->
<input (keyup.shift.arrowup)="...">

<!-- Listen to Ctrl + Shift + Down -->
<input (keyup.control.shift.arrowdown)="...">

<!-- Listen to Esc within window -->
<div (window:keyup.esc)="...">

更新

探索 Angular 源(here 和 here)之后。

事实证明，此类事件名称的一般语法是:eventname.modifier.key。
其中:
- 事件名称:keydown 或 keyup
- 修饰符:alt、control、meta 或 shift(可以超过一)
- key:来自 KeyboardEvent.key 的 key 属性

示例:keyup.control.z、keyup.control.backspace、keyup.shift.pageup、keyup.alt .点.

请注意，某些组合可能不起作用，例如keyup.shift.tab.