javascript - Bootstrap 模式在 IE 中关闭，但在 Firefox 和 Chrome 中没有使用 ESCAPE key 关闭。

Question

https://jsfiddle.net/nrmja871/

如果我在 IE11 中运行这个 fiddle 。按 ESC 键后， Bootstrap 模式正在关闭，但不是在 chrome 或 firefox 中。我不想使用 ESC 键关闭 Bootstrap 模式。

我在 Bootstrap 文档 ( doc. ) 中读到我们需要添加 tabIndex='-1' 以使用 ESC 键关闭 Bootstrap 模式。

但为什么它在 IE 中工作而不使用 tabIndex='-1' 呢？

附言。不要给我说对 IE 使用 "data-keyboard", "false" 的解决方案，因为我必须为每个模式添加此属性:(。

Answer 1

我能找到的最佳答案是 discussion I found here about it from the twitter bootstap github .以下是对话中的引述:

This seems to be a breaking change in 2.1 as previously the keyup event was bound to the document but now is bound to the actual modal element. Hence, the the tabindex attribute is now required.

基本上，当 JQuery 库从 2.0.X 更新到 2.1.X 时，绑定(bind)到 document 元素的 keyup 事件发生了变化，因此它现在绑定(bind)到modal 元素导致某些浏览器无法识别转义键，这就是现在需要 tabIndex='-1' 的原因。

这就是 tabindex 的作用

A tabindex="-1" value removes the element from the default navigation flow (i.e., a user cannot tab to it), but it allows it to receive programmatic focus, meaning focus can be set to it from a link or with scripting.** This can be very useful for elements that should not be tabbed to, but that may need to have focus set to them.

此引述来自this question here如果您想详细了解 tabindex 的作用，这将是一个很好的答案。希望对您有所帮助。