如何在浏览器刷新时清除会话存储，但这不应该在单击浏览器后退按钮时清除

Question

我只想在页面刷新时清除 session 存储，而不是在浏览器后退按钮单击或向前单击时想使用 angularjs/javascript 来实现

我在单击后退按钮时将数据保存在会话存储中，所以我只想在单击浏览器刷新按钮时清除相同的数据，但它不应该清除后退

我努力了

if (performance.navigation.type == 1) {
    $window.sessionStorage.clear();
    // clearing the sessionstorage data
}

// but this one is clearing after clicking 2 times on refresh button

if (performance.navigation.type == 0) {
    $window.sessionStorage.clear();
    // clearing the sessionstorage data

}
// this one is clearing for back button as well ,
// tried onbeforeunload, onpopstate as well its not working its clearing for back button too

// please let me know how to implement this one, thanks in advance
// no jquery please

Answer 1

是的，您可以在Windows加载上实现此功能，然后清除会话存储或删除密钥

$window.location.reload();
sessionStorage.clear();

要么

// Remove saved data from sessionStorage
 $window.location.reload();    
 sessionStorage.removeItem('key');

Answer 2

保留设置sessionStorage的页面地址，然后在onload事件上检查它。 如果它们相同，则删除sessionStorage内容。

window.onbeforeunload = function(){
    sessionStorage.setItem("origin", window.location.href);
}

然后在onload事件中：

window.onload = function(){
    if(window.location.href == sessionStorage.getItem("origin")){
        sessionStorage.clear();
    }
}

Answer 3

尝试使用$stateChangeStart事件

$rootScope.$on('$stateChangeStart', function(event, toState, fromState){  
   if(toState.name === fromState.name){
     $window.sessionStorage.clear();
   }
})

希望这会有所帮助!!

Answer 4

你可以使用 beforeunload

window.addEventListener("beforeunload", function(e) {
  sessionStorage.removeItem("{session}");
}); 

或者设置为 null

window.addEventListener("beforeunload", function(e) {
  sessionStorage.setItem("{session}",null);
});