Bootstrap模式正在关闭IE,但不是使用ESCAPE键在firefox和chrome中。

时间:2017-03-08 20:25:28

标签: javascript jquery html css twitter-bootstrap

https://jsfiddle.net/nrmja871/

如果我在IE11中运行这个小提琴。按 ESC 键后,引导模式正在关闭但不在chrome或firefox中。我不想使用 ESC 键关闭bootstrap模式。

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

但是为什么它在不使用tabIndex='-1'的情况下在IE中工作?

PS 即可。不要给我解决方案说使用"data-keyboard", "false"用于IE,因为我必须为每个模态添加此属性:(。

1 个答案:

答案 0 :(得分:0)

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

  

这似乎是2.1之前的突破性变化,就像以前的关键字一样   事件绑定到文档但现在绑定到实际模式   元件。因此,现在需要tabindex属性。

所以基本上当JQuery库从2.0.X更新到2.1.X时,绑定到keyup元素的document事件已更改,因此它现在绑定到modal导致在某些浏览器中无法识别转义键的元素,这就是现在需要tabIndex='-1'的原因。

这是tabindex帮助的方式

  

tabindex="-1"值会从默认导航中删除该元素   流(即,用户不能标记到它),但它允许它接收   程序化焦点,意味着焦点可以通过链接或与之设置   脚本。**这对于不应该的元素非常有用   标签为,但可能需要设置焦点。

这句话取自this question here,如果你想了解更多关于tabindex的内容,那么这个答案会有很好的答案。希望有所帮助。