捕获浏览器关闭/刷新事件并跳转至其他页面的技术咨询

嘿，我懂你想要的效果——不想让用户刷新后停留在当前页，而是直接跳转到其他页面对吧？之前用beforeunload弹出提示的方式确实达不到这个目的，因为用户还能选择留在当前页。我给你整理了一套结合方案，能覆盖大多数常规刷新场景：

1. 拦截键盘刷新快捷键 #

先处理用户用键盘触发的刷新操作（比如F5、Ctrl+R、Cmd+R），直接阻止默认的刷新行为，然后跳转到目标页面：

$(document).on('keydown', function(e) {
  // 匹配F5、Ctrl+R、Cmd+R三种刷新快捷键
  if ((e.keyCode === 116) || 
      ((e.ctrlKey || e.metaKey) && e.keyCode === 82)) {
    e.preventDefault(); // 阻止浏览器默认刷新动作
    window.location.href = '你的目标页面URL'; // 跳转到指定页面
  }
});

2. 处理浏览器工具栏的刷新按钮 #

对于用户点击浏览器工具栏的刷新按钮，我们没法直接拦截刷新，但可以通过标记判断页面是否是刷新加载的，然后立即跳转：

// 在页面即将卸载时设置刷新标记
$(window).bind('beforeunload', function() {
  sessionStorage.setItem('isPageRefreshed', 'true');
  // 这里不要返回提示文本，避免弹出确认框
});

// 页面加载完成后检查标记
$(window).bind('load', function() {
  if (sessionStorage.getItem('isPageRefreshed') === 'true') {
    sessionStorage.removeItem('isPageRefreshed'); // 清除标记避免重复触发
    window.location.href = '你的目标页面URL'; // 跳转到指定页面
  }
});

注意事项 #

• 把代码里的你的目标页面URL替换成你实际要跳转的地址，比如'/other-page.html'。
• 这种方式无法覆盖极端场景（比如用户强制关闭浏览器进程），但对于常规的刷新操作已经足够。
• 主流浏览器都支持sessionStorage，兼容性不用太担心。

内容的提问来源于stack exchange，提问作者simon