要实现点击遮罩层关闭 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 是确认框的类名,需要根据实际情况进行修改。

MUI 弹出确认框并点击遮罩层关闭

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

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