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

Question

我有一个常规的 Bootstrap 3 模态窗口：

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

但在键盘上 ESC 仅在 after 在模态中单击一次后才有效。只需按 ESC 即可让光标消失，只有在“单击”时才会返回。

有人可以向我解释并提出建议吗？

谢谢。

Answer 1

根据 Bootstrap 3 Modal 文档：

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

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