我有一个表单,我想使用 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
// }
}
最佳答案
您可以像这样使用焦点和模糊事件:
<button
(click)="onFavPopupClose()"
(focus)="isBtnPopCloseFocused = true"
(blur)="isBtnPopCloseFocused = false">
</button>
关于html - 如何检查按钮是否有焦点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54366673/