什么是 tabindex="-1"?在引导程序中

问题描述

Bootstrap 3 中的 tabindex 属性有什么用?

尽管他们几乎在所有模态中都使用了它们，但它的文档没有说明任何关于它们的信息.

我只发现了这个关于它的用途，并没有说太多

键盘和辅助技术用户的可访问工具提示

对于使用键盘导航的用户，尤其是辅助技术的用户，您应该只向可聚焦键盘的元素添加工具提示，例如链接、表单控件或任何带有 tabindex=0"的任意元素.属性.

我发现 我无法按 esc 隐藏一个如果 tabindex 属性不是 -1，则为模态.

• 按下 esc 键后模态关闭(带 tabindex)
• 按下 esc 键后模态没有关闭(没有 tabindex)

解决方案

来源: http://webaim.org/techniques/keyboard/标签索引

这就是为什么您需要在模态

上使用 tabindex=-1"，以便用户可以访问常用的鼠标和键盘快捷键.希望有所帮助.

What's the tabindex attribute in Bootstrap 3 for?

Its documentation doesn't say anything about them although they use them practically in all modals.

I've only find this regarding its use, which doesn't really say much

And I found out I can't press esc to hide a modal if the tabindex attribute is not -1.

• Modal closing after pressing esc key (with tabindex)
• Modal not closing after pressing esc key (without tabindex)

解决方案

Source: http://webaim.org/techniques/keyboard/tabindex

This is why you need tabindex="-1" on the modal <div>, so users can access common mouse and keyboard shortcuts. Hope that helps.

这篇关于什么是 tabindex="-1"?在引导程序中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！