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关闭浏览器触发事件及切换浏览器触发事件


基础教程推荐
猜你喜欢
- JavaScript 抽奖效果实现代码 数字跳动版 2023-12-02
- javascript对下拉列表框(select)的操作实例讲解 2023-12-01
- 关于javascript:添加图标到angular材质输入 2022-09-21
- 简单实现ajax拖拽上传文件 2023-02-14
- Js与Jq获取浏览器和对象值的方法 2024-01-05
- Ajax中post方法直接返回以0开头数字出错问题分析 2023-01-31
- Ajax的简单实用实例代码 2023-02-01
- jQuery 实现图片的依次加载图片功能 2023-12-28
- 关于 javascript:Mapbox GeoJSON 通过本地 URL 加载:图标 2022-09-21
- 拖拽插件SortableJS的简单使用(带缓存) 2022-07-24