使用 mui.confirm 弹出确认框时,可以给背景添加一个遮罩层,并给遮罩层添加点击事件,点击遮罩层时关闭确认框,避免误操作。

示例代码如下:

mui.confirm('确认要执行此操作吗?', '提示', ['取消', '确认'], function(e) {
    if (e.index == 1) {
        // 点击确认按钮执行的操作
    }
});

// 给遮罩层添加点击事件
var mask = document.createElement('div');
mask.className = 'mask';
document.body.appendChild(mask);
mask.addEventListener('tap', function() {
    mui('.mui-popup').popover('hide');
});

其中,.mask 是遮罩层的样式,可以自定义。mui('.mui-popup').popover('hide') 是关闭确认框的方法。

MUI 确认框:点击遮罩层关闭并取消操作

原文地址: https://www.cveoy.top/t/topic/jEy5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录