data(){
return{
WriteFlagTime:''
}
},
mounted() {
window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
window.addEventListener("unload", e => this.unloadHandler(e));
},
destroyed() {
window.removeEventListener("beforeunload", e => this.beforeunloadHandler(e));
window.removeEventListener("unload", e => this.unloadHandler(e));
},
methods: {
beforeunloadHandler(e) {
this.WriteFlagTime = new Date().getTime();
},
unloadHandler() {
this._gap_time = new Date().getTime() - this.WriteFlagTime;
//判断是窗口关闭还是刷新
if (this._gap_time <= 5) {
console.log(Date.now());
}
},
//监听浏览器
browserMonitor(evt, hidden) {
if (hidden === false) {
console.log(Date.now());
}
}
}
以上是编程学习网小编为您介绍的“vuejs关闭浏览器触发事件及切换浏览器触发事件”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs关闭浏览器触发事件及切换浏览器触发事件
猜你喜欢
- 一文教你如何实现localStorage的过期机制 2024-03-08
- CSS样式表的背景渲染效率 2022-11-04
- 教你javascript如何获取指针的位置 2023-12-24
- JQuery记住用户名密码实现下次自动登录功能 2024-03-09
- vuejs动态设置每个页面的标题、关键词和描述 2024-12-08
- Ajax返回值类型与用法实例分析 2023-02-23
- axios基本用法教程示例详解 2023-07-09
- js关于getImageData跨域问题的解决方法 2023-12-01
- CSS cursor 属性 — 鼠标指针样式效果 2024-01-05
- JavaScript数据类型的存储方法详解 2024-03-09