当我按 Tab 键浏览屏幕上的控件(对于 Angular 应用程序)时,它在选项卡序列中包含禁用的控件,当使用此 Angular 机制有条件地禁用控件时:
<button [disabled]="!this.myForm.valid">
问题是,如果我还包括一个点击事件处理程序......
<button (click)="saveForm()" [disabled]="!this.myForm.valid">
...虽然您确实无法通过鼠标单击激活单击处理程序,但您可以通过按回车键(回车)来激活它!
那是糟糕的用户体验;当按钮被如图所示的表达式禁用时,我希望它(a)完全无法聚焦或(b)能够忽略按 Enter。有什么建议么?
(也许我的代码库中有些东西加剧了这种情况,但对我来说,上面看起来像是默认的 Angular 行为。