onbeforeunload，浏览器关闭和刷新提示

原创已于 2022-11-22 14:16:46 修改 · 884 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #safari #chrome

于 2022-11-22 14:15:44 首次发布

function封装专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript来控制浏览器关闭时显示提示的方法。通过监听onbeforeunload事件并根据当前页面路径判断是否显示提示信息，实现了智能提示功能。

// 关闭浏览器提示
function closeWindowTip(path) {
  window.onbeforeunload = null;
  // eslint-disable-next-line func-names
  window.onbeforeunload = function (e) {
    const thisPath = window.location.href;
    const endPath = thisPath.split('#')[1].split('?')[0];
    if (path === endPath) {
      e = e || window.event;
      // 兼容IE8和Firefox 4之前的版本
      if (e) {
        e.returnValue = '';
      }
      // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
      return '';
    }
    window.onbeforeunload = null;
    return '';
  };
}

returnValue 填写了内容也不生效