javascript - 提示和阻止用户离开/关闭页面

Question

根据 StackOverflow 在您添加问题或回复问题时的操作方式；

我想提示用户;

"Are you sure you want to navigate away from this page"
"Press OK to continue or Cancel to stay on this page"

我已经尝试了一些我在 Internet 上找到的 js 片段，但没有什么能完全符合要求。

Answer 1

您需要实现 window.onbeforeunload并将您的消息作为字符串返回:

window.onbeforeunload = function() {
    if (theUserHasStartedEditing) {
        return "You have started writing or editing a post."
    }
}

这里有一个在线演示:https://web.archive.org/web/20210619174356/https://www.4guysfromrolla.com/demos/OnBeforeUnloadDemo2.htm