• vue监听浏览器关闭


    https://www.jianshu.com/p/ed6010ab868e

    用vue做的项目,有个需求就是关闭浏览器的时候,需要往后台提交有个接口,来监听这个账号有没有下线。

    网上找了很多种方法,一直没有实现。

    主要困惑点:

    1、浏览器关闭是事件,是什么

    onbeforeunload、onunload  又是各种百度,

    window.addEventListener( ‘beforeunload’,e =>(

    执行…

    ) )

    mounted () {

        window.addEventListener('beforeunload', e => {

          window.localStorage.removeItem('titleName')

        });

      },

    mounted () {

        window.addEventListener( 'beforeunload', e => this.set() );

      },

      methods:{

    set(){

    console.log('我是要调用的函数')

    }

      }

    把请求接口放到 set中,关闭浏览器的时候是可以请求接口了,但是,刷新时候也请求,不符合要求。。。。然后又是各种百度

    2、怎么区分浏览器刷新与关闭(网上找的方法,不知道出处是哪里,)

    var _beforeUnload_time = 0,_gap_time=0;

    window.onunload=function(){

      _gap_time=new Date().getTime()-_beforeUnload_time;

      if(_gap_time<=5){

      //浏览器关闭

        $.ajax({

                      url:'/movecheck/logout',

                      // dataType:"JSON",

                      cache:false,

                      type:'post',

                      async:false,

                      success:function(dt){

                      //  console.log(dt)

                      },

                      error:function(dt){

                      }

              })

      }

    }

    window.onbeforeunload=function(){

      _beforeUnload_time=new Date().getTime();

    }

    });

  • 相关阅读:
    Codeforces 552E Vanya and Brackets(枚举 + 表达式计算)
    matlab 文件打开设置
    boot and loader
    centos6安装bochs
    Python list, dict, set, tuple
    Python 字符串
    Visual Studio 使用
    汇编语言版本的HelloWorld
    用汇编实现add函数
    使用nasm和clang
  • 原文地址:https://www.cnblogs.com/dianzan/p/12791897.html
Copyright © 2020-2023  润新知