编程 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必备 api中英文对照的chm手册下载

May 03 Javascript

仅IE9/10同时支持script元素的onload和onreadystatechange事件分析

Apr 27 Javascript

jquery 利用show和hidden实现级联菜单示例代码

Aug 09 Javascript

js实现跟随鼠标移动且带关闭功能的图片广告实例

Feb 26 Javascript

JQuery中模拟image的ajaxPrefilter与ajaxTransport处理

Jun 19 Javascript

Markdown与Bootstrap相结合实现图片自适应属性

May 04 Javascript

js实现table添加行tr、删除行tr、清空行tr的简单实例

Oct 15 Javascript

VUE页面中加载外部HTML的示例代码

Sep 20 Javascript

Vue.js自定义事件的表单输入组件方法

Mar 08 Javascript

vue-cli2.x项目优化之引入本地静态库文件的方法

Jun 19 Javascript

JS通用方法触发点击事件代码实例

Feb 17 Javascript

Antd的table组件表格的序号自增操作

Oct 27 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,ajax实现分页

2008/03/27 PHP

php fputcsv命令写csv文件遇到的小问题（多维数组连接符）

2011/05/24 PHP

PHP小教程之实现双向链表

2014/06/12 PHP

ThinkPHP3.2.3数据库设置新特性

2015/03/05 PHP

PHP中对数组的一些常用的增、删、插操作函数总结

2015/11/27 PHP

PHP实现批量上传单个文件

2015/12/29 PHP

简单谈谈PHP中的include、include_once、require以及require_once语句

2016/04/23 PHP

PHP实现微信支付(jsapi支付)流程步骤详解

2018/03/15 PHP

django中的ajax组件教程详解

2018/10/18 PHP

jquery.fileEveryWhere.js 一个跨浏览器的file显示插件

2011/10/24 Javascript

使用js判断数组中是否包含某一元素(类似于php中的in_array())

2013/12/12 Javascript

js中的onchange和onpropertychange (onchange无效的解决方法)

2014/03/08 Javascript

node.js中Socket.IO的进阶使用技巧

2014/11/04 Javascript

JavaScript组合拼接字符串的效率对比测试

2014/11/06 Javascript

Javascript前端UI框架Kit使用指南之Kitjs简介

2014/11/28 Javascript

原生 JS Ajax,GET和POST 请求实例代码

2016/06/08 Javascript

input框中的name和id的区别

2016/11/16 Javascript

基于iscroll.js实现下拉刷新和上拉加载效果

2016/11/28 Javascript

jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】

2017/03/06 Javascript

JavaScript创建对象的七种方式(推荐)

2017/06/26 Javascript

vue中使用cropperjs的方法

2018/03/01 Javascript

详解关于Vue单元测试的几个坑

2020/04/26 Javascript

Python群发邮件实例代码

2014/01/03 Python

Python中在for循环中嵌套使用if和else语句的技巧

2016/06/20 Python

pycharm安装图文教程

2017/05/02 Python

Python 统计字数的思路详解

2018/05/08 Python

解决django中ModelForm多表单组合的问题

2019/07/18 Python

CSS3制作彩色进度条样式的代码示例分享

2016/06/23 HTML / CSS

CSS3 毛玻璃效果

2019/08/14 HTML / CSS

HTML5等待加载动画效果

2017/07/27 HTML / CSS

世界上最伟大的马产品：Equiderma

2020/01/07 全球购物

十岁生日父母答谢词

2014/01/18 职场文书

运动会解说词100字

2014/01/31 职场文书

2014年工程师工作总结

2014/11/25 职场文书

学年个人总结范文

2015/03/05 职场文书

2015年幼儿园班务工作总结

2015/05/12 职场文书