Vue 监听刷新 切屏

Vue
监听刷新 切屏

mounted() {

//监听页面离开前
window.addEventListener(“beforeunload”, (e) => {
this.beforeunloadHandler(e);
});
//切屏
document.addEventListener(“visibilitychange”, this.monitor);
},
destroyed() {
alert(“232”);
window.removeEventListener(“beforeunload”, (e) => {
this.beforeunloadHandler(e);
});
document.addEventListener(“visibilitychange”, this.monitor);
},
methods: {
beforeunloadHandler(e) {
e = e || window.event;
if (e) {
e.returnValue = “您是否确认离开此页面-您输入的数据可能不会被保存”;
}
return “您是否确认离开此页面-您输入的数据可能不会被保存”;
},
monitor(e) {
let isExist = e.target.visibilityState;
console.log(isExist);
if (isExist === “visible”) {
console.log(new Date().toLocaleString(), 您已进入页面！);
} else {
console.log(new Date().toLocaleString(), 您已离开页面！);
}
},