自动聚焦于引导模式中的输入

【问题标题】：autofocus on input in bootstrap modal自动聚焦于引导模式中的输入
【发布时间】：2015-07-09 13:49:05
【问题描述】：

我正在使用 bootstrap 3 创建一个模态框。我想在input 区域拥有它autofocus。我用jQuery试过了，不知道是什么问题？

JavaScript：

$('#click').click(function () {
    $('input').focus()
});

【问题讨论】：

【解决方案1】：

我已更新您的JSFiddle。使用引导模式窗口时，您可以使用许多 custom events。其中之一是shown.bs.modal，它在完全显示模式后运行（并且您的输入字段可聚焦）。请记住，该事件将在模态框上触发，而不是在打开模态框的任何位置上触发。

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

【讨论】：

【解决方案2】：

这可能是硬代码，但添加了一个超时功能来集中它。
事实上，模态框还没有出现，所以浏览器无法在其中聚焦元素。

$('#click').click(function() {
  setTimeout(function(){
    $('input').focus() 
  },500);
});

【讨论】：