AngularJS：自动对焦禁用按钮答案

【问题标题】：AngularJS: autofocus on disabled buttonAngularJS：自动对焦禁用按钮
【发布时间】：2015-05-14 02:11:01
【问题描述】：

我想关注一个禁用的按钮。我有一个带有一些输入、ng-repeats 和一个确认按钮的表单。如果我使用 tab throw 这些元素都可以正常工作。但如果我的确认按钮被禁用，它就不会获得焦点。如果它被禁用，任何想法如何以正确的顺序给予焦点？这是按钮：

<button type="submit" 
        class="btn btn-adesso" 
        ng-disabled="!newRepoForm.$valid||isSend">
    Absenden 
</button>

当焦点丢失时触发最后一个输入字段的验证（通过 REST）。因此，如果您填写最后一个字段并打开标签，则确认按钮被禁用，因为表单“等待”其余验证。所以确认按钮在 REST 验证时被禁用并且没有获得焦点，但它应该获得焦点。然后验证完成后按钮将被启用

【问题讨论】：

你能给个小提琴来展示这种行为吗？
plnkr.co/edit/7uOMttgKuW42Qw5H38Vp?p=preview 如果我使用选项卡抛出输入和按钮，我无法获得按钮的焦点，导致其被禁用。我也想在禁用时获得焦点。有什么想法吗？
看起来禁用的元素无法获得焦点。那么第二个问题，你为什么要这样做？
焦点丢失时触发最后一个输入字段的验证（通过 REST）。因此，如果您填写最后一个字段并打开标签，则确认按钮被禁用，因为表单“等待”其余验证。所以确认按钮在 REST 验证时被禁用并且没有获得焦点
如果无法聚焦禁用的按钮，如果表单有效，我将解决并聚焦按钮

【解决方案1】：

汉斯，看这篇文章：AngularJS and Tab Order (Disabled Buttons) （似乎某些浏览器占据了焦点，而其他浏览器则没有。还提供了一个“hack”（解决方法），可能适合您的即时需求）

GL！

【讨论】：