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

想成为工程师的菜鸟

已于 2022-12-10 14:15:33 修改

阅读量814

点赞数

分类专栏： JavaScript 文章标签： firefox javascript safari

于 2022-12-09 14:55:25 首次发布

本文链接：https://blog.csdn.net/qq_46177396/article/details/128252844

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

防止用户误操作：刷新或者关闭页面时进行提示

场景：
1、经常会有一些在用户离开页面前执行一些业务的应用场景，这都要用到 onbeforeunload 事件；比如记录用户停留时长的业务
2、用户修改了数据未提交就离开页面，二次确认减少用户操作失误

  window.onbeforeunload = function (e) {
    e = e || window.event;
    // 兼容IE8和Firefox 4之前的版本
    if (e) {
      e.returnValue = '关闭提示';
    } 
    // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
    return '关闭提示';
  };