如何在Twitter Bootstrap模式中启用转义键关闭功能？

我按照主要文档页面上 的Twitter Bootstrap模式的说明
使用了所data-keyboard="true"提到的语法,但是转义键没有关闭模态窗口.
还有什么我想念的吗？

码:

Open Modal


  

    
Test
  

Craig MacGre.. 292

看起来这是如何绑定keyup事件的问题.

您可以将tabindex属性添加到模态以解决此问题:

tabindex="-1"

所以你的完整代码应如下所示:

Open Modal


    

    
Test
    

有关更多信息,您可以在github上查看有关此问题的讨论

(更新了新TWBS存储库的链接)

1> Craig MacGre..：

---

看起来这是如何绑定keyup事件的问题.

您可以将tabindex属性添加到模态以解决此问题:

tabindex="-1"

所以你的完整代码应如下所示:

Open Modal


    

    
Test
    

有关更多信息,您可以在github上查看有关此问题的讨论

(更新了新TWBS存储库的链接)

---

Repo移动,问题现在在https://github.com/twbs/bootstrap/issues/4663

---

这虽然可以防止输入字段的自动对焦.

---

如果从多个位置调用对话框,还可以将数据键盘属性附加到div.modal(并在调用者中省略).

2> dennisbot..：

---

如果你通过javascript调用,请使用:

$('#myModal').modal({keyboard: true}) 

---

这曾经是你唯一要做的事情,但现在你还需要确保你的div有一个'tabindex =" - 1"'属性.

3> 小智..：

---

将tabindex="-1"属性添加到模态div