解决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 相关文章推荐
JQUERY1.6 使用方法四 检测浏览器
Nov 23 Javascript
JavaScript使用cookie记录临时访客信息的方法
Apr 07 Javascript
jQuery时间插件jquery.clock.js用法实例(5个示例)
Jan 14 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
Angular 路由route实例代码
Jul 12 Javascript
bootstrap table小案例
Oct 21 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
js实现适合新闻类图片的轮播效果
Feb 05 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
Oct 27 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 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中文验证码实现示例分享
2014/01/12 PHP
CI框架表单验证实例详解
2016/11/21 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
jquery判断复选框是否被选中的方法
2015/10/16 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
python解析xml模块封装代码
2014/02/07 Python
Python本地与全局命名空间用法实例
2015/06/16 Python
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
从0开始的Python学习016异常
2019/04/08 Python
对Python 检查文件名是否规范的实例详解
2019/06/10 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
浅谈Python3中print函数的换行
2020/08/05 Python
用python制作个音乐下载器
2021/01/30 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
高一地理教学反思
2014/01/18 职场文书
小学少先队活动方案
2014/02/18 职场文书
大学生交通专业求职信
2014/09/01 职场文书
锅炉工岗位职责
2015/02/13 职场文书
个人求职自荐信范文
2015/03/06 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
利用uni-app生成微信小程序的踩坑记录
2022/04/05 Javascript
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技
VUE解决跨域问题Access to XMLHttpRequest at
2022/05/06 Vue.js