使用 ESC 关闭引导模式

Question

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

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

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

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

更新

一旦我单击第二个模态上的某个位置，它就可以正常工作。我只需要自动选择/聚焦它

Answer 1

看起来这是如何绑定

keyup

事件的问题。

您可以将

tabindex

attribute 添加到模态中来解决此问题：

 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