Javascript 如何在JS中为静态页面调用onbeforeunload行为？

我有一个文档，在不保存更改的情况下无法退出。我使用onbeforeunload询问用户是否真的想退出。如果“退出”场景是单击一个链接并重新加载页面，则效果良好。但我还有一个JS菜单，它可以将用户从文档编辑器移动到设置，它没有网站重定向，但完全由JS处理，替换“文档视图”并显示“编辑设置视图”。但是，移动到“编辑设置”视图会使文档中的更改像正常的重新加载一样未保存。那么，如何调用浏览器来询问用户是否真的想像在这种情况下重新加载页面时那样移动到“编辑设置”视图？

如果不离开页面，您就不能这样做。但是你可以用你自己的一个更好、更友好的模态对话框来询问他们（一个绝对定位的

div

，其

zIndex

比任何其他对话框都大，可能下面有一个

iframe

垫片来消除所有点击，等等）。你可以自己动手，但是有很多模态对话框库可以节省你的时间

或者，如果您愿意，您可以使用，它没有很好的用户体验（但是，

onbeforeunload

），但是非常容易编写代码，并且完全跨浏览器兼容（尽管链接指向Mozilla页面）