BootStrap模态框和select2合用时input无法获取焦点的解决方法

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.

解决方法:

1.

把页面中的  tabindex="-1"  删掉（测试成功）:

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h3 id="myModalLabel">Panel</h3>
 </div>
<div class="modal-body" style="max-height: 800px">
<div id="myModal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h3 id="myModalLabel">Panel</h3>
 </div>
<div class="modal-body" style="max-height: 800px">

可以在onshown方法里面做处理，主要原理就是因为bootstrap的tabindex='-1',占用了select2的tabindex='0'，脚本做处理 模态框显示出来后，将模态框的tabindex属性删掉

BootstrapDialog.show({
   onshown: function (dialogRef) {
    $("#"+dialogRef.getId()).removeAttr("tabindex");
  }
})

2.

重写enforceFocus方法（测试发现没有效果）:

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

总结

以上所述是小编给大家介绍的BootStrap模态框和select2合用时input无法获取焦点的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # 模态框  # select2  # BootStrap的select2既可以查询又可以输入的实现代码  # BootStrap select2 动态改变值的方法  # JS组件Bootstrap Select2使用方法解析  # 基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用  # JS组件Bootstrap Select2使用方法详解  # bootstrap模态框远程示例代码分享  # 扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框  # 模态  # 没有办法  # 解决方法  # 小编  # 在此  # 用了  # 给大家  # 重写  # 所述  # 给我留言  # 感谢大家  # 输入框  # 疑问请  # 有任何  # 就是因为  # lt  # div  # brush  # js  # class 

相关文章： 网站制作公司广州有几家,广州尚艺美发学校网站是多少？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  ,制作一个手机app网站要多少钱？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  股票网站制作软件,网上股票怎么开户？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  南平网站制作公司,2025年南平市事业单位报名时间？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  平台云上自助建站如何快速打造专业网站？  IOS倒计时设置UIButton标题title的抖动问题  如何挑选高效建站主机与优质域名？  建站主机功能解析：服务器选择与快速搭建指南  网站企业制作流程,用什么语言做企业网站比较好？  如何在云主机快速搭建网站站点？  建站主机服务器选型指南与性能优化方案解析  音乐网站服务器如何优化API响应速度？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  ,如何利用word制作宣传手册？  淘宝制作网站有哪些,淘宝网官网主页？  如何在西部数码注册域名并快速搭建网站？  如何彻底卸载建站之星软件？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  ,南京靠谱的征婚网站？  高端企业智能建站程序：SEO优化与响应式模板定制开发  如何快速配置高效服务器建站软件？  python的本地网站制作,如何创建本地站点？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  建站之星免费模板：自助建站系统与智能响应式一键生成  制作国外网站的软件,国外有哪些比较优质的网站推荐？  建站之星如何快速更换网站模板？  内网网站制作软件,内网的网站如何发布到外网？  金*站制作公司有哪些,金华教育集团官网？  如何通过VPS搭建网站快速盈利？  seo网站制作优化,网站SEO优化步骤有哪些？  如何快速启动建站代理加盟业务？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  c# 在ASP.NET Core中管理和取消后台任务  高端建站三要素：定制模板、企业官网与响应式设计优化  建站之星如何取消后台验证码生成？  如何在万网主机上快速搭建网站？  如何选择域名并搭建高效网站？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐