Twitter bootstrap 禁用的引导按钮可以通过选项卡访问

Twitter bootstrap 禁用的引导按钮可以通过选项卡访问,twitter-bootstrap,disabled-control,Twitter Bootstrap,Disabled Control,因此,通过执行以下操作,按钮应该被禁用,但您实际上可以使用选项卡访问按钮: <button type="submit" class="btn btn-primary disabled">Submit</button> 提交 因此,为了防止这种情况发生,我是否必须将tabindex=“-1”添加到我想要禁用的所有元素中?我认为通过使用残疾人课程,这将得到解决,但似乎没有 还有其他方法吗?是的,这很烦人,但也很合乎逻辑。选项卡和焦点是不同的浏览器任务;CSS(除了少数例外

因此,通过执行以下操作,按钮应该被禁用,但您实际上可以使用选项卡访问按钮:

<button type="submit" class="btn btn-primary disabled">Submit</button>
提交
因此,为了防止这种情况发生,我是否必须将
tabindex=“-1”
添加到我想要禁用的所有元素中?我认为通过使用残疾人课程,这将得到解决,但似乎没有


还有其他方法吗?

是的,这很烦人,但也很合乎逻辑。选项卡和焦点是不同的浏览器任务;CSS(除了少数例外)主要是关于视觉行为的。添加
tabindex=“-1”
将变得可怕,因为一旦按钮不再被禁用,您很可能还希望通过tabing将其聚焦

我建议使用一个处理程序,将焦点移动到上一个元素或下一个元素,如果按钮正在接收焦点并且被禁用了

$(“按钮”)。焦点(函数(e){
if($(this).hasClass('disabled')){
e、 currentTarget.nextElementSibling.focus()
//或e.currentTarget.previousElementSibling.focus()
}
})

您是否确认了当您同时将
禁用的
属性应用于
时是否会发生这种行为?@Robert是的,同样,这就是为什么我要问这个问题:)