javascript - 使用 Angular 跳过焦点或激活禁用的按钮

Question

当我按 Tab 键浏览屏幕上的控件（对于 Angular 应用程序）时，它在选项卡序列中包含禁用的控件，当使用此 Angular 机制有条件地禁用控件时：

<button [disabled]="!this.myForm.valid">

问题是，如果我还包括一个点击事件处理程序......

<button (click)="saveForm()" [disabled]="!this.myForm.valid">

...虽然您确实无法通过鼠标单击激活单击处理程序，但您可以通过按回车键（回车）来激活它！

那是糟糕的用户体验；当按钮被如图所示的表达式禁用时，我希望它（a）完全无法聚焦或（b）能够忽略按 Enter。有什么建议么？

（也许我的代码库中有些东西加剧了这种情况，但对我来说，上面看起来像是默认的 Angular 行为。

标签： javascriptangularbuttondisabled-controlstenciljs