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


Posted in Javascript onMarch 09, 2015

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

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

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

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

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

Javascript 相关文章推荐
jquery 跨域访问问题解决方法(笔记)
Jun 08 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
jQuery简单实现列表隐藏和显示效果示例
Sep 12 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
JavaScript函数基础详解
Feb 03 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 #Javascript
JS实现文件动态顺序载入的方法
Mar 07 #Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 #Javascript
PHP守护进程实例
Mar 06 #Javascript
JavaScript操作Oracle数据库示例
Mar 06 #Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 #Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 #Javascript
You might like
超级简单的php+mysql留言本源码
2009/11/11 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
javascript对select标签的控制(option选项/select)
2013/01/31 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
基于javascript实现彩票随机数生成(简单版)
2020/04/17 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
Python中文字符串截取问题
2015/06/15 Python
python实现用户登录系统
2016/05/21 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
建筑专业自荐信
2013/10/18 职场文书
经销商会议欢迎词
2014/01/11 职场文书
产品陈列协议书(标准版)
2014/09/17 职场文书
超市采购员岗位职责
2015/04/07 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
Python3 如何开启自带http服务
2021/05/18 Python
Python基础之条件语句详解
2021/06/16 Python