Vue 监听浏览器刷新或关闭

 

一：使用window对象的onbeforeunload方法

mounted () {
    window.onbeforeunload = function (e) {
        var message = 'some word';
        e = e || window.event;
        if (e) {
            e.returnValue = message;
        }
        return "浏览器关闭！";
    };
}

 

注意！在旧版浏览器中可以自定义提示文案，既是 return 后面返回的参数

但在新版的浏览中，已经不支持自定义弹窗。只能调用浏览器自带的提示确认窗格。

 

不需要出现弹窗的话，只要 return 后边不带任何参数即可；

 

二：使用window.addEventListener

    methods:{
        // 监听浏览器是否关闭
        browerStatus(){
            var that = this;
            console.log("浏览器刷新 || 关闭了")；
        }
    },
    mounted () {
        var that = this;
        // 监听浏览器是否关闭
        window.addEventListener( "beforeunload", e => that.browerStatus() );
    },