编程 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 相关文章推荐

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