html - 如何检查按钮是否有焦点？

Question

我有一个表单，我想使用 ENTER 键跨字段切换，但我也想在使用 ENTER 键时提交表单当我突出显示(通过 Tab 键/输入)发送 按钮时。

有什么方法可以判断输入按钮是否已获得焦点？

我在想这样的事情:

<form (keydown.enter)="isSendFocussed($event)">
    <input #input1> <!-- input 1 -->
    <input #input2> <!-- input 2 -->
    <input #input3> <!-- input 3 -->
    <button #myButton (click)="sendForm()">Send</button>
</form>

然后我会为 isSendFocussed(event) 函数做一些事情，例如:

@ViewChild('myButton') btn: ElementRef<HTMLInputElement>

isSendFocussed(event) {
    // if (!button is focussed) {
    //     block default functionality and tab across
    // } else {
    //     send form
    // }
}

Answer 1

您可以像这样使用焦点和模糊事件:

<button
   (click)="onFavPopupClose()"
   (focus)="isBtnPopCloseFocused = true" 
   (blur)="isBtnPopCloseFocused = false">
</button>