Bootstrap 3 中的tabindex 属性有什么用？
它的文档没有说明它们，尽管它们实际上在所有模态中都使用它们。
我只发现了这个关于它的使用，这并没有说太多
键盘和辅助技术用户的可访问工具提示
对于使用键盘导航的用户，尤其是辅助技术用户，您应该只将工具提示添加到可通过键盘聚焦的元素，例如链接、表单控件或任何具有 tabindex="0" 属性的任意元素。
我发现I can't press esc to hide a modal if the tabindex attribute is not -1。
【问题讨论】：
标签： twitter-bootstrap twitter-bootstrap-3 bootstrap-modal
tabindex属性明确定义页面内可聚焦元素（通常是链接和表单控件）的导航顺序。它也可以用来定义元素是否应该是可聚焦的。[两者]
tabindex="0"和tabindex="-1"具有特殊含义，并在 HTML 中提供不同的功能。0的值表示该元素应按默认导航顺序放置。这允许原生不可聚焦的元素（例如<div>、<span>和<p>）接收键盘焦点。当然，通常应该为所有交互元素使用链接和表单控件，但这确实允许其他元素成为焦点并触发交互。
tabindex="-1"值从默认导航流中删除元素（即，用户无法通过 Tab 切换到该元素），但它允许它接收程序化焦点，这意味着可以通过链接或脚本将焦点设置为它。**这可能非常对于不应使用标签的元素非常有用，但可能需要为其设置焦点。。 p>一个很好的例子是模态对话框窗口 - 打开时，焦点应该设置在对话框上，这样屏幕阅读器就会开始阅读，键盘也会开始在对话框中导航。因为对话框（可能只是一个
<div>元素）默认情况下是不可聚焦的，因此将其指定为tabindex="-1"允许在出现时通过脚本对其进行焦点设置。
-1的值在使用箭头键或其他快捷键的复杂小部件和菜单中也很有用，以确保小部件中只有一个元素可以使用 Tab 键导航，但仍然允许将焦点设置在小部件内的其他组件上。
来源：http://webaim.org/techniques/keyboard/tabindex
这就是为什么在模态<div> 上需要tabindex="-1"，以便用户可以访问常用的鼠标和键盘快捷键。希望对您有所帮助。
【讨论】：
tabindex 属性与 HTML 相关联，它不特定于 Bootstrap。
此属性负责指示元素是否可以通过键盘导航到达。
您需要注意三种不同的情况：
将tabindex = "0" 添加到元素时，这意味着它可以通过键盘导航访问，但顺序由文档源顺序定义。
当将正值添加到 tabindex 属性（例如tabindex = "1", tabindex = "2"）时，这些元素可以通过键盘导航访问，并且顺序由属性值定义.
当添加负值到tabindex（通常为tabindex="-1"）时，表示该元素无法通过键盘导航到达，但可以使用JS中的焦点功能聚焦.
【讨论】：