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关闭浏览器触发事件及切换浏览器触发事件
基础教程推荐
猜你喜欢
- 从功能点计算PHP,MySQL,HTML Web应用程序的代码行估计 2023-10-25
- 低代码从0到1创建小程序项目详解流程 2022-08-30
- JS如何通过FileReader获取.txt文件内容 2023-08-08
- html滑动仿悬浮球菜单效果的实现 2022-09-20
- 谈谈JS中常遇到的浏览器兼容问题和解决方法 2023-11-30
- ajax数据传输方式实例详解 2022-10-18
- 用clearfix:after消除css浮动解决外部div不能撑开问题 2024-01-09
- 超级简单实现JavaScript MVC 样式框架 2023-12-26
- layer.open父页面传参到子页面 2022-10-05
- 防止重复发送Ajax请求的解决方案 2022-12-18
