如何显示像 StackOverflow 确认框这样的确认框？答案

【问题标题】：How to show confirm box like StackOverflow's confirmation box?如何显示像 StackOverflow 确认框这样的确认框？
【发布时间】：2011-11-14 13:30:50
【问题描述】：

提出问题，在编辑问题正文时，点击页面上的某个链接。 StackOverflow 的脚本知道您还没有完成，并警告您丢失未保存的数据。但是，它的确认框不是 jQuery 插件或类似的东西。它的确认框似乎是特定于浏览器的框，类似于 JavaScript 的 confirm 框。为了证明这一点，只需在许多浏览器中检查它，您就会看到不同的 UI 样式。

他们是怎么做到的？哪个 JavaScript 命令？

【问题讨论】：

Alerts when navigating away from a web page的可能重复

标签： javascript confirmation

【解决方案1】：

onbeforeunload Javascript 事件就是您要查找的内容。

【讨论】：

他的问题是重复的，这个问题结束后我会删除我的答案。
@Martin 当詹姆斯将其标记为重复时，我已经添加了简短答案。所以我没有像往常那样写更长的版本。

【解决方案2】：

尝试设置全局标志以了解页面何时“正在编辑”，然后使用 onbeforeunload 事件

window.onbeforeunload = function(){ return globalEditingFlag ? 'You are editing': null }

【讨论】：

【解决方案3】：

看看这个： http://www.w3schools.com/js/js_popup.asp

关于确认框的部分

【讨论】：