刷新或关闭网页时的提示

最新推荐文章于 2023-11-29 07:00:00 发布

doomliu

最新推荐文章于 2023-11-29 07:00:00 发布

阅读量818

点赞数

分类专栏：前端-工作中遇到的问题-gsx

本文链接：https://blog.csdn.net/qq_38652603/article/details/72085726

版权

前端-工作中遇到的问题-gsx 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.背景：

有些网页，在刷新或者关闭时，会有提示，需要确认之后才会继续用户的操作。这中功能主要有两种场景，一种是正在编辑中的网页，为了防止用户误操作导致网页关闭需要进行这种二次确认，另一种，是在网页销毁时，需要做一些动作，如上报信息等等。这时需要这个二次确认框来拖延时间。我在做项目时，遇到了第二种场景。

2.代码：

参考博客：http://blog.csdn.net/zollty/article/details/48420573

window.addEventListener("beforeunload", function (e) {

  var confirmationMessage = '确定离开此页吗？本页不需要刷新或后退';

 

  (e || window.event).returnValue = confirmationMessage;     // Gecko and Trident

  return confirmationMessage;                                // Gecko and WebKit

});

3.注意：

不是所有的浏览器都支持，像微信、QQ等移动端浏览器就不支持这个监听。所以业务上还需要再采用其他辅助方案。