请问大家，js如何区分用户是点击了刷新按钮或者右键重载此页 还是 点击了其它页面离开

Question

我们有个需求， 就是用户如果点击了浏览器的刷新 或者右键鼠标重载网页，就清空本地存储，如果是点击其它页面离开的 就不清空

请问如何去做 合适

Answer 1

window.onunload = function(e){
  localStorage.setItem("leaveTime", new Date().getTime());
}

window.onload = function(e) {
    const dis = new Date().getTime() - localStorage.getItem("leaveTime");
    const flashDis = 0.5 * 1000; // 可调整
    if(dis < fleshDis) {
        alert("刷新了页面！")
    }
}

Answer 2

参考这个 window.performance.navigation.type 属性的值，但是注意，这个属性是已弃用的，但是目前不少浏览器都在支持。

• PerformanceNavigation.type - Web APIs | MDN

Answer 3

新建一个js文件

// clear.js

window.localStorage.clear();

然后引入到main.js