javascript - 使用 ESC 关闭引导模式

Question

我正在使用 2 个模态，第一个包含一个表单，第二个在表单中出现错误时显示。第二个模态仅包含带有错误消息的文本。

我的问题是，当第二个模态出现并且我按Esc时，第一个模态（带有表单）将关闭而不是在第二个模态。

有什么方法可以在第二个模态出现时聚焦它吗？

这就是它的样子，现在如果我按下Esc，第一个会关闭，但我想先关闭第二个。

更新

一旦我点击第二个模态的某个地方，它就会完美地工作。我只需要自动选择/聚焦它

Answer 1

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

您可以将“tabindex”属性添加到您的模态以解决此问题：

 tabindex="-1"

所以你的完整代码应该是这样的：

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
<div class='modal-body'>
<div>Test</div>
</div>

有关更多信息，您可以在 github 上查看有关此问题的讨论： https ://github.com/twitter/bootstrap/issues/4663