electron 关闭窗口提示框 关闭确认 关闭弹窗 提示窗

目的及效果

点击窗口右上角的叉叉的时候,弹出下面这个,点击确认则程序结束,取消则提示框关闭,程序继续
在这里插入图片描述

  • 环境:electron version: 11.0.4
  • main.js代码
var electron = require('electron')
app.on('ready', () => {
    mainWindow = new BrowserWindow({
        width: 1500,
        height: 800,
        minHeight: 800,
        minWidth: 1500,
        // fullscreen: true,
        webPreferences: {
            nodeIntegration: true,
            enableRemoteModule: true,
            webviewTag: true,
        },
    })
    mainWindow.loadFile('index.html')
    //mainWindow要关闭时的方法↓
    mainWindow.on('close', e => {
        e.preventDefault(); //先阻止一下默认行为,不然直接关了,提示框只会闪一下
        electron.dialog.showMessageBox({
            type: 'info',
            title: '提示',
            message:'确认退出?',
            buttons: ['确认', '取消'],   //选择按钮,点击确认则下面的idx为0,取消为1
            cancelId: 1, //这个的值是如果直接把提示框×掉返回的值,这里设置成和“取消”按钮一样的值,下面的idx也会是1
        }).then(idx => {    
        //注意上面↑是用的then,网上好多是直接把方法做为showMessageBox的第二个参数,我的测试下不成功
            console.log(idx)
            if (idx.response == 1) {
                console.log('index==1,取消关闭')
                e.preventDefault();
            } else {
                console.log('index==0,关闭')
                mainWindow = null
                app.exit();
            }
            })
        });
})
  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值