bootstrap 的模态框无法获取焦点

方法一：

重写 bootstrap 的focus 方法

$(document).ready(function(){
    $.fn.modal.Constructor.prototype.enforceFocus = function() {
       $("#form").focus();
    };
})

这种方式有个缺点就是模态框加载时某一个组件只能获取焦点，再次点击就不能获取焦点了。

方法二：

去除模态框的 tabindex="-1" 属性即可，这样就可以使模态框中的表单或者input获得焦点。

方式三：

模态框的样式被其他层遮盖了，这种方式导致的就是整个页面都无法点击。解决方式就是F12查看模态框的CSS样式。取消某个样式来判断被那个样式所遮盖。

以上属于个人观点，如有更好的方式，请各位多多指点！！