引导模式未在“esc”上关闭答案

【问题标题】：bootstrap modal not closing on "esc"引导模式未在“esc”上关闭
【发布时间】：2018-07-19 03:01:26
【问题描述】：

我有一个常规的 bootstrap 3 模态：

div id="test_modal" class="modal animated fade" role="dialog" data-keyboard="true" tabindex="-1"

但在键盘 ESC 上，它只有在模式内单击一次后才起作用，只需按“esc”即可使光标消失，仅在“单击”时返回。

谁能给我解释和建议？

谢谢

【问题讨论】：

听起来像是焦点问题...
Closing bootstrap modal using ESC的可能重复
你的模态框上有tabindex="-1"吗？
是的，请参阅我的问题中的代码，tabindex="-1" 在那里。我检查了 stackoverflow 上的其他帖子并用谷歌搜索并尝试了我发现的建议但没有成功。因此我的帖子在这里。谢谢

标签： css twitter-bootstrap modal-dialog

【解决方案1】：

每个 Bootstrap 3 模态文档：

由于 HTML5 定义其语义的方式，autofocus HTML 属性在 Bootstrap 模式中无效。要达到相同的效果，请使用一些自定义 JavaScript：
$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').focus()
})

【讨论】：