编程 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 要点归纳（一） jQuery选择器

Mar 21 Javascript

JS正则验证邮箱的格式详细介绍

Nov 19 Javascript

jQuery中:password选择器用法实例

Jan 03 Javascript

JavaScript数组去重的3种方法和代码实例

Jul 01 Javascript

jquery实现网页的页面平滑滚动效果代码

Nov 02 Javascript

JavaScript实现简单的拖动效果

Jul 02 Javascript

jQuery EasyUI提交表单验证

Jul 19 Javascript

Select2.js下拉框使用小结

Oct 24 Javascript

JS控制div跳转到指定的位置的几种解决方案总结

Nov 05 Javascript

Angular2 组件通信的实例代码

Jun 23 Javascript

封装运动框架实战左右与上下滑动的焦点轮播图(实例)

Oct 17 Javascript

OpenLayer学习之自定义测量控件

Sep 28 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结合表单实现一些简单功能的例子

2011/06/04 PHP

PHP使用DES进行加密与解密的方法详解

2013/06/06 PHP

php命名空间学习详解

2014/02/27 PHP

浅谈ThinkPHP的URL重写

2014/11/25 PHP

Laravel中服务提供者和门面模式的入门介绍

2017/11/06 PHP

Laravel重定向,a链接跳转,控制器跳转示例

2019/10/22 PHP

doctype后如何获得body.clientHeight的方法

2007/07/11 Javascript

详细讲解JS节点知识

2010/01/31 Javascript

yepnope.js 异步加载资源文件

2011/09/08 Javascript

js+数组实现网页上显示时间/星期几的实用方法

2013/01/18 Javascript

js中关于undefined和null的区别介绍

2013/04/16 Javascript

JS复制到剪贴板示例代码

2013/10/30 Javascript

jquery 判断滚动条到达了底部和顶端的方法

2014/04/02 Javascript

跟我学Nodejs（一）--- Node.js简介及安装开发环境

2014/05/20 NodeJs

node.js开机自启动脚本文件

2014/12/24 Javascript

BootStrap modal模态弹窗使用小结

2016/10/26 Javascript

HTML5canvas 绘制一个圆环形的进度表示实例

2016/12/16 Javascript

JavaScript用200行代码制作打飞机小游戏实例

2017/06/21 Javascript

ExtJs整合Echarts的示例代码

2018/02/27 Javascript

跟混乱的页面弹窗说再见

2019/04/11 Javascript

产制造追溯系统之通过微信小程序实现移动端报表平台

2019/06/03 Javascript

解决layui laydate 时间控件一闪而过的问题

2019/09/28 Javascript

解决vue自定义指令导致的内存泄漏问题

2020/08/04 Javascript

Node 使用express-http-proxy 做api网关的实现

2020/10/15 Javascript

python使用邻接矩阵构造图代码示例

2017/11/10 Python

python创建列表和向列表添加元素的实现方法

2017/12/25 Python

Python使用numpy实现BP神经网络

2018/03/10 Python

python定位xpath 节点位置的方法

2019/08/27 Python

Spring @Enable模块驱动原理及使用实例

2020/06/23 Python

5个你不知道的HTML5的接口介绍

2013/08/07 HTML / CSS

美国女性卫生用品公司：Thinx

2017/06/30 全球购物

澳大利亚美容产品及化妆品在线：Activeskin

2020/06/03 全球购物

销售经理岗位职责

2015/01/31 职场文书

民事诉讼代理词

2015/05/25 职场文书

MySQL中存储时间的最佳实践指南

2021/07/01 MySQL

对讲机的最大通讯距离是多少

2022/02/18 无线电