bootstrap模态框Esc键不关闭

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

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

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

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

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