【bootstrap】解决bootstrap中modal遇到Esc键无法关闭页面-Esc-无法关闭页面

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【解决bootstrap中modal遇到Esc键无法关闭页面】，下面是详细的讲解！

解决bootstrap中modal遇到Esc键无法关闭页面

bootstrap为我们提供了很多方便的页面控件，modal就是其中之一。很多人在使用modal时遇到了esc键按下无法关闭的问题，即使显式传入keyboard选项也不生效。

$('#editFormItemModal').modal({show:true, keyboard:true});

此问题在2.1以后版本出现，要解决这个问题也很简单，modal所在div添加一个tabindex属性即可：

<div class="fade modal" tabindex="-1">

问题很简单，修复起来也很简单，希望对大家能够有所帮助。

关于解决bootstrap中modal遇到Esc键无法关闭页面的用户互动如下：

　　相关问题：bootstrap modal 如何设置使其点击对话框外的灰色...

　　答：modal-backdrop fade in 它生成的是这样的东西 请问你说的backdrop static是如何加上去的？ >>详细

　　相关问题：bootstrap js手动调用 modal 不显示 弹出层

　　答：代码写错了 language后面的因该是javascript 然后把初始化代码写在$(document).ready里面 $(document).ready(function(){$("#myModal").modal('show');}); >>详细

　　相关问题：如何禁用Bootstrap Modals关闭

　　答：点击遮罩层的时候模态框会被关闭，或者用户点击关闭按钮后，模态框也会关闭，如果我不想让他关闭应该怎么修改呢? 很多时候我们会遇到如下情形，比如弹出模态框，内容为信息编辑表单，用户必须填写信息，用户不能关闭模态框，否则关闭网页或跳转... >>详细