博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap模态框Esc键不关闭
阅读量:6001 次
发布时间:2019-06-20

本文共 562 字,大约阅读时间需要 1 分钟。

项目开发时很多时候会需要用到弹出框,而且很多框架都有自己的弹出框,比较现在很流行的bootstrap就有模态框(model)。

很多时候这东西用起来非常方便,可以为开发省去很多自己定义的时间!最近项目中也用到了bootstrap,以及它人模态框model。用起来真的很爽,只需要$("#popbox").model("show")即可。但是爽归爽,bug也随之而来了!

原因是我需要在弹出框中定义一些事件和方法以及一些变量!但是,当我点击了某个元素使得某一个变量产生变化后,此时用户不小心按了下Esc,悲剧发生了,变量的值因为你刚才被点击而产生了变量,但是,实事并没有产生交互,但是,弹出框已经被Esc关闭掉了!

那就使得后续的操作产生了bug,不得不刷新页面才能恢复正常!显然,Esc操作大多数情况都是误操作,不过,既然发现了bug,那就要想办法规避不是!非常万幸的是,bootstrap的开发都们就已经预知了相关的情况!只需要

$("#popbox").model({show:true, keyboard:false}),没错,就是禁止键盘对模态框进行操作!如此,即使你使出吃奶的力按Esc也不会关闭了!

 

转载于:https://www.cnblogs.com/garfieldzhong/p/4748793.html

你可能感兴趣的文章
C++ VS2012 内存泄露检测
查看>>
zabbix 批量添加聚合图形
查看>>
北京交通大学第六届新生程序设计竞赛题解
查看>>
求解点关于直线的距离、垂足、对称点公式
查看>>
洛谷 P1577 切绳子【二分答案】
查看>>
用 Google Map 的 Geocoder 接口来反向地址解析
查看>>
在中小型公司如何做好测试——论测试计划的重要性
查看>>
BSS段、数据段、代码段、堆与栈
查看>>
python调用c/c++写的dll
查看>>
r语言ggplot2误差棒图快速指南
查看>>
python之处理异常
查看>>
c++中的虚函数
查看>>
遍历form表单里面的表单元素,取其value
查看>>
PHP TP框架基础
查看>>
directive ngChecked
查看>>
面试110道题
查看>>
python 08 文件操作
查看>>
强势解决:windows 不能在本地计算机中起动Tomcat参考特定错误代码1
查看>>
Gradle 配置debug和release工程目录
查看>>
spring mvc处理ios 请求头不全时空参 无法解析的问题处理
查看>>