web 页面关闭、刷新、获取焦点、失去焦点触发

//页面关闭时调用
$(window).on(“unload”, function(event){});
//页面刷新时调用 chrome 不支持
$(window).on(‘beforeunload’, function(event) {});
//用户离开当前网页跳转到另外一个页面时触发
$(window).on(‘onpagehide’, function(event) {});
//用户退出页面
$(window).on(“onunload”, function(event){});
//页面获取焦点
$(window).on(“onfocus”, function(event){});
//页面失去焦点
$(window).on(“onblur”, function(event){});

//H5有一个事件叫 visibilitychange ，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息。
document.addEventListener(“visibilitychange”, () => {
if(document.hidden) {
// 页面被挂起
}
else {
// 页面呼出
}
});