MUI 弹出确认框并点击遮罩层关闭
要实现点击遮罩层关闭 MUI 确认框的功能,需要在弹出确认框时,同时监听背景遮罩层的点击事件。当点击背景遮罩层时,关闭确认框。具体实现如下:
mui.confirm('确认要删除吗?', '提示', ['取消', '确认'], function(e) {
if (e.index === 1) {
// 点击确认按钮的回调函数
}
});
// 监听背景遮罩层的点击事件
document.querySelector('.mui-backdrop').addEventListener('tap', function() {
mui('.mui-confirm').popover('hide');
});
在上面的代码中,我们使用了 MUI 的 popover 插件来关闭确认框。当点击背景遮罩层时,调用 mui('.mui-confirm').popover('hide') 方法,即可关闭确认框。注意,这里的 .mui-confirm 是确认框的类名,需要根据实际情况进行修改。
原文地址: https://www.cveoy.top/t/topic/jEBj 著作权归作者所有。请勿转载和采集!