当前位置：网站首页>离开页面的提示

离开页面的提示

2022-07-26 22:49:00 【识时务者-HJJ】

在记录文章和问答时，总是因为不小心关闭页面标签而导致数据丢失，辛辛苦苦写的文章全部丢失，心累~

<!--询问是否离开页面-->
<script>
	window.onbeforeunload = function (event) {
    
		event.preventDefault();
	}
</script>

在关闭标签时会询问是否离开，防止误点关闭标签导致数据丢失。

Firefox "此页面想询问您是否要离开 - 您输入的数据可能不会被保存"
Safari "您确定要离开此页面吗？"
Chrome "重新加载此网站？”“系统可能不会保存您所做的更改。"

不同的浏览器会有不同的界面提示文本，确保写文章问答时数据不丢失，非常的nice~

在Chrome和Firefox中，页面加载完成后，如果用户未对页面进行操作，比如“点击”、“输入”等等，onbeforeunload将不会被执行。

而在Safari中onbeforeunload总是会被执行。

需要指出的是，许多浏览器会忽略该事件并自动关闭页面无需用户的确认。

版权声明
本文为[识时务者-HJJ]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_59262008/article/details/125661838