解决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 相关文章推荐
javascript实现 在光标处插入指定内容
May 25 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
JavaScript Memoization 让函数也有记忆功能
Oct 27 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
Vue表单及表单绑定方法
Sep 04 Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 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
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
jquery中object对象循环遍历的方法
2015/12/18 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
javascript的几种写法总结
2016/09/30 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
2017/01/20 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python用threading实现多线程详解
2017/02/03 Python
Python实现的端口扫描功能示例
2018/04/08 Python
wxPython的安装与使用教程
2018/08/31 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
Python如何执行系统命令
2020/09/23 Python
python opencv实现图像配准与比较
2021/02/09 Python
CSS3制作半透明边框(Facebox)类似渐变
2012/12/09 HTML / CSS
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
家居饰品店创业计划书
2014/01/31 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
MySQL多表查询机制
2022/03/17 MySQL
HTML5之高度塌陷问题的解决
2022/06/01 HTML / CSS