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

js简单的点击返回顶部效果实现方法

Apr 10 Javascript

PHP+jQuery实现随意拖动层并即时保存拖动位置

Apr 30 Javascript

javascript实现C语言经典程序题

Nov 29 Javascript

JavaScript模拟push

Mar 06 Javascript

knockoutjs动态加载外部的file作为component中的template数据源的实现方法

Sep 01 Javascript

jQuery实现的自动加载页面功能示例

Sep 04 Javascript

vue.js单页面应用实例的简单实现

Apr 10 Javascript

Vue中img的src属性绑定与static文件夹实例

May 18 Javascript

easyui简介_动力节点Java学院整理

Jul 14 Javascript

详解如何创建并发布一个 vue 组件

Nov 08 Javascript

JS实现移动端双指缩放和旋转方法

Dec 13 Javascript

JS内置对象和Math对象知识点详解

Apr 03 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基础知识:控制结构

2006/12/13 PHP

Phpbean路由转发的php代码

2008/01/10 PHP

使用Apache的htaccess防止图片被盗链的解决方法

2013/04/27 PHP

使用YUI+Ant 实现JS CSS压缩

2014/09/02 PHP

laravel自定义分页效果

2017/07/23 PHP

PHP获取文件扩展名的常用方法小结【五种方式】

2018/04/27 PHP

PHP pthreads v3下同步处理synchronized用法示例

2020/02/21 PHP

浏览器脚本兼容文本框中,回车键触发事件的兼容

2010/06/21 Javascript

菜鸟javascript基础资料整理2

2010/12/06 Javascript

jQuery中not()方法用法实例

2015/01/06 Javascript

js实现格式化金额,字符,时间的方法

2015/02/26 Javascript

jQuery选择器源码解读（二）：select方法

2015/03/31 Javascript

JS实现的表格操作类详解(添加，删除，排序，上移，下移)

2015/12/22 Javascript

理解Angular数据双向绑定

2016/01/10 Javascript

Node.js中Request模块处理HTTP协议请求的基本使用教程

2016/03/31 Javascript

JavaScript中setter和getter方法介绍

2016/07/11 Javascript

JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别

2016/08/26 Javascript

JS中页面与页面之间超链接跳转中文乱码问题的解决办法

2016/12/15 Javascript

JavaScript中for循环的几种写法与效率总结

2017/02/03 Javascript

JS简单获取当前年月日星期的方法示例

2017/02/07 Javascript

JavaScript实现审核流程状态的动态显示进度条

2017/03/15 Javascript

获取url中用&隔开的参数实例(分享)

2017/05/28 Javascript

bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题

2017/08/10 Javascript

小程序最新获取用户昵称和头像的方法总结

2019/09/23 Javascript

layui table表格数据的新增,修改,删除,查询,双击获取行数据方式

2019/11/14 Javascript

python多重继承新算法C3介绍

2014/09/28 Python

python实现计算倒数的方法

2015/07/11 Python

Python基础语法(Python基础知识点)

2016/02/28 Python

Python PIL读取的图像发生自动旋转的实现方法

2019/07/05 Python

pandas之分组groupby()的使用整理与总结

2020/06/18 Python

奥林匹亚体育：Olympia Sports

2020/12/30 全球购物

商务英语应届生自我鉴定

2013/12/08 职场文书

九年级历史教学反思

2014/01/27 职场文书

个人批评与自我批评

2014/10/15 职场文书

活动宣传稿范文

2015/07/23 职场文书

人生哲理妙语30条：淡写流年，笑过人生

2019/09/04 职场文书