可以在弹出确认框时,给背景添加一个遮罩层,并给遮罩层添加点击事件,点击遮罩层时关闭确认框。

示例代码如下:

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') 是关闭确认框的方法。

使用 muiconfirm 弹出确认框并且点击其他地方的时候 确认框关闭不执行任何操作

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

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