HTML模仿CSDN博客界面用户刷新/关闭时提示保存

最新推荐文章于 2024-09-14 08:09:14 发布

瑞晟技术服务中心-耿瑞

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量152

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_45966674/article/details/130655225

版权

文章介绍了如何在CSDN博客编辑界面利用JavaScript的beforeunload事件来实现页面关闭时的提示功能。当用户在输入框中输入内容后，关闭浏览器窗口时会弹出保存提示，防止意外丢失信息。这个技巧依赖于浏览器的默认行为检查是否有未保存的改动。

摘要由CSDN通过智能技术生成

最近突然发现CSDN博客编辑界面还是非常有趣的
问了ChatGPT半天终于是在这人工智障的整理下弄出了一版比较满意的效果

<!DOCTYPE html>
<html>
<head>
    <title>关闭提示</title>
    <script>
        window.addEventListener('beforeunload', function(event) {
            event.preventDefault();
            event.returnValue = '';
        });
    </script>
</head>
<body>
	<input/>
</body>
</html>