如何获取 focus HostListener 的 keyCode

Question

我有一个指令可以为 HTML DOM 中的活动元素设置焦点样式。现在，它工作正常，但我只需要在按下选项卡按钮时执行此逻辑。

@HostListener('focus', ["$event"])
    onFocus(event: KeyboardEvent) {
        console.log("Focus called from HostListener");
    }

而且我在事件对象中没有看到 keyCode 属性。

如何获得此活动的密钥代码？

Answer 1

HTML:

<input (keydown.Tab)="onKey($event)">

TS:

onKey(event:any){
 //Do logic
}

Answer 2

简单地把它放在你的 html:

<input (focus)="isFocused($event)" />

或者散焦时：

<input (blur)="onBlur($event)" />

如果要检测标签：

<input (input)="onInput($event)" />

当然你可以把它们结合起来。但是，如果您进入输入，(focus) 将触发。

How to get a keyCode for focus HostListener