设置关闭bootstrap模态框时,只能点击按钮关闭弹出框,点击遮罩层无效。
模态框默认情况下,当点击遮罩层或者按下ESC键时会关闭模态框,这可能会影响到用户在模态框上的一些操作(比如用户正在模态框里填写表单的时候,不小心点击了遮罩层或者按下了ESC键),所以有时候需要禁止点击遮罩层和按下ESC键关闭模态框,以下有两种方法可以解决:
第一种:直接添加属性 data-backdrop="static" data-keyborad="false"
<div class="modal fade" id="exchangeModal" tabindex="-1" role="dialog" aria-labelledby="exchange" aria-hidden="true" data-backdrop="static" data-keyboard="false">
data-backdrop="static" 点击遮罩层不关闭模态框,可以为布尔值false,默认true
data-keyboard="false" 按下esc键不关闭模态框,可以为布尔值false,默认true
第二种:
$("#exchangeModal").modal({ backdrop:"static", //点击遮罩层不会被关闭 keyboard:false //按下esc键不会被关闭 });