bootstrap模态没有关闭"esc"

Question

我有一个常规的bootstrap 3模式:

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

但是在键盘ESC上它只能在模态内部点击一次后才能工作,只需点击"esc"就可以让光标消失,只返回"点击".

任何人都可以向我解释并建议吗？

谢谢

Answer 1

根据 Bootstrap 3 Modal 文档：

由于 HTML5 定义其语义的方式，autofocus HTML 属性在 Bootstrap 模式中不起作用。要达到相同的效果，请使用一些自定义 JavaScript：

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').focus()
})