解决bootstrap中modal遇到Esc键无法关闭页面
更新时间：2015年03月09日 08:56:01 投稿：hebedich
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。不过在使用的过程中，我们还是会遇到各种小问题，今天我们探讨的就是个人在使用中遇到的一个小BUG的修复。
bootstrap为我们提供了很多方便的页面控件，modal就是其中之一。很多人在使用modal时遇到了esc键按下无法关闭的问题，即使显式传入keyboard选项也不生效。
$('#editFormItemModal').modal({show:true, keyboard:true});
此问题在2.1以后版本出现，要解决这个问题也很简单，modal所在div添加一个tabindex属性即可：
<div class="fade modal" tabindex="-1">
问题很简单，修复起来也很简单，希望对大家能够有所帮助。
相关文章
js 日期对象的一些方法总结2009-05-05
在项目开发中,经常能遇到需要延时执行的需求,比如实现一个定时器功能,本文主要和大家介绍了JS如何实现更短时间的延时函数,需要的可以参考下2024-03-03
这篇文章主要介绍了微信小程序用户登录和登录态维护的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要向大家推荐了一个原生js模拟淘宝购物车项目实战，包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能的实现，感兴趣的小伙伴们可以参考一下2015-11-11
定时器就是由JS提供了一些原生方法来实现延时去执行某一段代码,下面这篇文章主要给大家介绍了关于JavaScript清除所有(多个)定时器的方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要为大家详细介绍了javascript全局自定义鼠标右键菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了如何在postman中添加cookie信息,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
用js来生成随机彩票号码清单...2007-02-02
深拷贝和浅拷贝是在JavaScript中复制对象或数组时经常遇到的概念,下面这篇文章主要给大家介绍了关于JS实现深拷贝的几种简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了JavaScript 随机验证码的生成实例代码的相关资料,需要的朋友可以参考下2016-09-09
最新评论