css - 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 模态文档:

Due to how HTML5 defines its semantics, the autofocus HTML attribute has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript:

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