编程 Javascript

解决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属性即可：

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

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

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

使用Jquery打造最佳用户体验的登录页面的实现代码

Jul 08 Javascript

js完美解决IE6不支持position:fixed的bug

Apr 24 Javascript

Javascript设计模式理论与编程实战之简单工厂模式

Nov 03 Javascript

JS实现部分HTML固定页面顶部随屏滚动效果

Dec 24 Javascript

学好js，这些js函数概念一定要知道【推荐】

Jan 19 Javascript

input框中自动展示当前日期yyyy/mm/dd的实现方法

Jul 06 Javascript

Three.js基础学习之场景对象

Sep 27 Javascript

浅谈vue的props，data，computed变化对组件更新的影响

Jan 16 Javascript

Vue实现双向绑定的原理以及响应式数据的方法

Jul 02 Javascript

详解VUE中常用的几种import（模块、文件）引入方式

Jul 03 Javascript

小程序获取周围IBeacon设备的方法

Oct 31 Javascript

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

Apr 26 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 nl2br()格式化输出的详解

2013/06/05 PHP

php 下载保存文件保存到本地的两种实现方法

2013/08/12 PHP

PHP CURL获取cookies模拟登录的方法

2013/11/04 PHP

Yii2隐藏frontend/web和backend/web的方法

2015/12/12 PHP

php array_walk 对数组中的每个元素应用用户自定义函数详解

2016/11/18 PHP

PHP使用两个栈实现队列功能的方法

2018/01/15 PHP

关于laravel 数据库迁移中integer类型是无法指定长度的问题

2019/10/09 PHP

js的一些常用方法小结

2011/06/29 Javascript

利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)

2013/11/22 Javascript

JavaScript通过正则表达式实现表单验证电话号码

2014/03/07 Javascript

使用JavaScript实现连续滚动字幕效果的方法

2015/07/07 Javascript

用js实现放大镜的效果的简单实例

2016/05/23 Javascript

Bootstrap被封装的弹层

2016/07/20 Javascript

jquery网页日历显示控件calendar3.1使用详解

2016/11/24 Javascript

jQuery基本筛选选择器实例代码

2017/02/06 Javascript

基于canvas的二维码邀请函生成插件

2017/02/14 Javascript

基于vue-resource jsonp跨域问题的解决方法

2018/02/03 Javascript

Vue.js实现的表格增加删除demo示例

2018/05/22 Javascript

JS typeof fn === 'function' && fn()详解

2020/08/22 Javascript

vue 如何从单页应用改造成多页应用

2020/10/23 Javascript

Python实现的朴素贝叶斯算法经典示例【测试可用】

2018/06/13 Python

pyqt5 键盘监听按下enter 就登陆的实例

2019/06/25 Python

解决Djang2.0.1中的reverse导入失败的问题

2019/08/16 Python

Python3 pandas 操作列表实例详解

2019/09/23 Python

python调用函数、类和文件操作简单实例总结

2019/11/29 Python

传统HTML页面实现模块化加载的方法

2018/10/15 HTML / CSS

好的演讲稿开场白

2013/12/30 职场文书

电子商务应届生自我鉴定

2014/01/13 职场文书

中文专业学生自我评价范文

2014/02/06 职场文书

依法行政工作汇报材料

2014/10/28 职场文书

2014年银行个人工作总结

2014/12/05 职场文书

医院科室评语

2015/01/04 职场文书

班主任开场白

2015/06/01 职场文书

财务人员廉洁自律心得体会

2016/01/13 职场文书

JavaScript 语句之常用 for 循环详解

2021/03/29 Javascript

Golang日志包的使用

2022/04/20 Golang