方法一:
重写 bootstrap 的focus 方法
$(document).ready(function(){
$.fn.modal.Constructor.prototype.enforceFocus = function() {
$("#form").focus();
};
})
这种方式有个缺点就是模态框加载时某一个组件只能获取焦点,再次点击就不能获取焦点了。
方法二:
去除模态框的 tabindex="-1" 属性即可,这样就可以使模态框中的表单或者input获得焦点。
方式三:
模态框的样式被其他层遮盖了,这种方式导致的就是整个页面都无法点击。解决方式就是F12查看模态框的CSS样式。取消某个样式来判断被那个样式所遮盖。
以上属于个人观点,如有更好的方式,请各位多多指点!!