用户离开当前页面简易警告

最新推荐文章于 2023-02-21 21:47:41 发布

新阿伟先生

最新推荐文章于 2023-02-21 21:47:41 发布

阅读量967

点赞数

分类专栏：知识点文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_45022563/article/details/127015854

版权

本文介绍如何在前端使用JavaScript实现用户离开页面时的警告提示，适用于表格填写、问卷和文档编辑等场景。onbeforeunload事件在页面刷新或关闭前触发，允许自定义提示信息，但不同浏览器支持和展示效果可能有差异。详细讲解了语法和浏览器兼容性问题。

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

快速上手

有时我们需要在一些页面加上离开警告，比如表格填写页面，问卷页面，文档编辑页面，就可以使用这代码

        window.onbeforeunload = function(event) {
            event.returnValue = "";
            //To Do Something
        };

这样当用户尝试离开当前页面时，就会触发这样的提示框

但是需要注意的是，这是浏览器自带的提示框，可能每个浏览器都不一样的，也有可能部分浏览器不支持

onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。

该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 "确定要离开此页吗？"。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。

注意： 如果你没有在 <body> 元素上指定 onbeforeunload 事件，则

关注

专栏目录