js监听浏览器关闭刷新 兼容IE6+ Firefox Chrome Safari

文章目录

最近一个开发中的项目需要检测所有浏览器的关闭、刷新行为，但是普通的 onbeforeunload 不能满足要求，因为像Chrome就不响应，而有不少浏览器都是基于Chromium二次开发的，肯定会有相似的问题。

很幸运，度娘到了一个非常好用的方法，不敢藏匿，拿来与大家分享。

var UnloadConfirm = {};
//设置弹出信息内容
UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失";
//弹出框方法定义
UnloadConfirm.set = function(a) {
    window.onbeforeunload = function(b) {
        b = b || window.event;
        b.returnValue = a;
        return a
    }
};
//清除弹出框方法
UnloadConfirm.clear = function() {
    //fckDraft.delDraftById(); //网上代码拷贝下来的内容，看上去没什么用，也没有一个叫做fckDraft的对象
    window.onbeforeunload = function() {}
};
//调用弹出框方法
UnloadConfirm.set(UnloadConfirm.MSG_UNLOAD);

该方法兼容IE6+、Firefox、Chrome和Safari，而且对Alt+F4 、右键关闭都起作用。更厉害的是，对移动浏览器也一样好用。