使用 mui.confirm 弹出确认框时,点击其他区域取消并禁止回调函数
这个问题可以通过在 mui.confirm 插件中添加一个参数来解决。具体步骤如下:
-
打开 mui.confirm 插件的源代码文件。
-
在源代码中找到 mui.confirm 函数。
-
在 mui.confirm 函数的参数列表中添加一个参数,例如名为 'maskClose'。
-
在 mui.confirm 函数中判断 'maskClose' 参数的值是否为 true,如果是,则添加一个监听器来捕获点击其他地方的事件,并在事件处理函数中关闭确认框。
-
在 mui.confirm 函数中添加一个回调函数,用于处理用户点击确认或取消按钮的操作。
-
在回调函数中判断用户点击的是确认还是取消按钮,并执行相应的操作。
下面是示例代码:
mui.confirm('确认删除吗?', '提示', ['取消', '确认'], function(e) {
if (e.index == 1) {
// 用户点击了确认按钮
// 执行删除操作
} else {
// 用户点击了取消按钮
// 不执行操作
}
}, 'div', {maskClose: true});
// 在 mui.confirm 函数中添加如下代码
if (options.maskClose) {
mask.addEventListener('tap', function() {
popup.close();
});
}
原文地址: https://www.cveoy.top/t/topic/jEqe 著作权归作者所有。请勿转载和采集!