bootstrap 的模态框无法获取焦点

本文主要是介绍bootstrap 的模态框无法获取焦点，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

方法一：

重写 bootstrap 的focus 方法

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

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

方法二：

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

方式三：

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

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

这篇关于bootstrap 的模态框无法获取焦点的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---