Framework7 - 设置是否允许点击弹出框外部区域，关闭弹出层
作者：hangge | 2016-08-20 12:20
1，Framework7中三大类弹出框
2，修改默认的关闭方式
3，参数说明
（1）modalCloseByOutside：模态框（modal）是否允许通过点击外部关闭（默认值：false）
（2）actionsCloseByOutside：操作表（Action Sheet）是否允许通过点击外部关闭（默认值：true）
（3）popupCloseByOutside：弹出层（Popup）是否允许通过点击外部关闭（默认值：true）
（1）模态框（modal）：默认点击外部区域不会关闭弹出框
模态框包括：告警框（Alert）、确认框（Confirm）、需要用户输入的提示框（Prompt）
（2）操作表（Action Sheet）：默认点击外部区会自动关闭
（3）弹出层（Popup）：默认点击外部区域会自动关闭
2，修改默认的关闭方式
如果想要点击模态框（modal）外部区域也会关闭模态框。或者不允许点击操作表（Action Sheet）、弹出层（Popup）外部区域时会自动关闭。
我们可以在 Framework7 初始化的时候可以进行如下修改。
// 初始化 app
var myApp = new Framework7({
modalCloseByOutside: true,
actionsCloseByOutside: false,
popupCloseByOutside: false
});
3，参数说明
（1）modalCloseByOutside：模态框（modal）是否允许通过点击外部关闭（默认值：false）
（2）actionsCloseByOutside：操作表（Action Sheet）是否允许通过点击外部关闭（默认值：true）
（3）popupCloseByOutside：弹出层（Popup）是否允许通过点击外部关闭（默认值：true）
全部评论（0）