退出操作确认提示：别让误触毁了你的劳动成果

你有没有过这样的经历？写了一下午的报告，正准备保存，手一滑点了窗口右上角的关闭按钮。弹窗一闪：‘确定要退出吗？’你下意识点了‘是’，然后——文档没了。不是没保存，是根本没来得及点保存。

为什么软件总爱‘多此一举’弹个框？

这个弹窗，就是‘退出操作确认提示’。听起来挺正式，其实就是软件在你打算退出时拉住你问一句：‘真不干了？确定没东西要留？’

它不像开机启动那么显眼，也不像菜单栏那样天天见，但关键时刻能救命。比如你在编辑表格、剪辑视频、填写长表单，任何还没保存的操作，一旦直接退出，数据就可能打水漂。

常见的确认提示长什么样？

最简单的形式就是一个对话框，标题可能是‘退出确认’，内容写着‘您有未保存的更改，是否退出？’下面两个按钮：‘保留’和‘退出’。点错了，结果天差地别。

有些软件更贴心，比如浏览器关掉多个标签页时，会集体提醒：‘您正在关闭多个页面，是否继续？’如果你正在查资料，这一问至少能让你缓一秒，看看有没有正在加载的重要网页。

代码里怎么实现这个功能？

如果你用的是 Electron 开发桌面应用，监听窗口关闭事件再加个对话框就行：

const { dialog } = require('electron')

window.onbeforeunload = (event) => {
  const result = dialog.showMessageBoxSync({
    type: 'question',
    buttons: ['保留', '退出'],
    message: '您有未保存的更改，确定要退出吗？'
  })
  // 返回 false 阻止退出
  return (result === 1) ? true : false
}

网页端也类似，用 window.onbeforeunload 也能做到。虽然样式不能自定义，但浏览器会统一弹个提示，至少能拦住大部分误操作。

别小看这个弹窗，它是最后的防线

很多人觉得烦，尤其是确认动作频繁的时候。但正是这些‘烦人’的提示，在你心不在焉、手忙脚乱时，给了你一次反悔的机会。

有些软件允许关闭这类提示，建议普通用户别轻易关。你可以接受它慢半秒，但很难接受重做半小时的工作。

下次看到‘确定要退出吗’，别急着点，先想想刚才在干嘛。说不定，那是个救你于水火的提醒。