解决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-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
Bootstrap进度条实现代码解析
Mar 07 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
Mar 10 Javascript
Webpack之tree-starking 解析
Sep 11 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
JavaScript原型式继承实现方法
Nov 06 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 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 金额数字转换成英文
2010/05/06 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
PHP脚本自动识别验证码查询汽车违章
2016/12/20 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
通过url查找a元素并点击
2014/04/09 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
elementUI Tree 树形控件的官方使用文档
2019/04/25 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
Python常用随机数与随机字符串方法实例
2015/04/09 Python
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
python中print()函数的“,”与java中System.out.print()函数中的“+”功能详解
2017/11/24 Python
使用tensorflow实现线性回归
2018/09/08 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
python离线安装外部依赖包的实现
2020/02/13 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)
2018/07/12 HTML / CSS
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
AJAX检测用户名是否存在的方法
2021/03/24 Javascript
七年级音乐教学反思
2014/01/26 职场文书
2014年党务公开方案
2014/05/08 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
先进个人总结范文
2015/02/15 职场文书