javascript - 如何检查用户是否正在刷新页面或导航到其他页面

Question

场景:每当用户离开页面时，我想在本地存储中设置一些变量。

使用window.onbeforeunload我收到用户即将离开页面的事件。但我想在用户刷新时设置不同的变量值并在页面导航上设置不同的变量值

var someVar;
//when refresh someVar = 1;
//When user clicks on any link which is not the same page, someVar =2

是否可以检测用户是否正在刷新或即将离开页面？

Answer 1

根据您的评论，我正在更新我的答案。您无法在 beforeunload 事件或任何其他方法中检测导航类型，因为它依赖于浏览器。但我可以为您提供一种在页面加载后检测返回或刷新的方法。我希望它会有用。

请查看performance navigation

if (performance.navigation.type == PerformanceNavigation.TYPE_RELOAD){
 //Reload
}

if (performance.navigation.type == PerformanceNavigation.TYPE_BACK_FORWARD){
 //Back Button
}