如何在用户关闭或刷新页面时出现确认框

Question

所以我正在制作一个绘图应用程序。 问题是，当用户不小心关闭或刷新页面时，所有绘图都会丢失。 所以我做了一个确认框来确认用户是否真的想关闭页面。

我试过这样的：

if (window.onbeforeunload == true ) {
confirm("Change are still not saved. Are you sure?")
}

但它不起作用。 那么解决这个问题的最佳方案是什么？

Answer 1

onbeforeunload是一个 function，它在离开页面时被调用。 所以你必须定义它。

window.onbeforeunload = function()
{
    return "Change are still not saved. Are you sure?";
};