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 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_108.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！