vuejs关闭浏览器触发事件及切换浏览器触发事件


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

基础教程推荐