【问题标题】:Bootstrap modal is closing for IE but not in firefox and chrome using ESCAPE key .Bootstrap modal 正在关闭 IE,但不在 firefox 和 chrome 中使用 ESCAPE key 。
【发布时间】:2017-03-08 20:25:28
【问题描述】:

https://jsfiddle.net/nrmja871/

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

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

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

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

【问题讨论】:

    标签: javascript jquery html css twitter-bootstrap


    【解决方案1】:

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

    这似乎是 2.1 中的一个重大变化,就像以前的 keyup 事件已绑定到文档,但现在已绑定到实际模式 元素。因此,现在需要 tabindex 属性。

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

    这就是 tabindex 的帮助

    tabindex="-1" 值将元素从默认导航中移除 流(即,用户不能选择它),但它允许它接收 程序化焦点,意味着焦点可以通过链接或通过 脚本。** 这对于不应该使用的元素非常有用 选项卡,但可能需要将焦点设置为它们。

    这句话取自this question here,如果您想详细了解 tabindex 的作用,它有一个很好的答案。希望对您有所帮助。

    【讨论】:

    • 谢谢,但是现在为 IE 做什么?因为仍然不需要 tabIndex='-1' 使用转义键关闭模式?
    猜你喜欢
    • 2021-12-28
    • 2019-03-29
    • 1970-01-01
    • 1970-01-01
    • 2013-02-24
    • 1970-01-01
    • 1970-01-01
    • 2012-05-26
    • 1970-01-01
    相关资源
    最近更新 更多