监听页面窗口

1.监听页面窗口

document.addEventListener("visibilitychange", function () {
        switch (document.visibilityState) {
          case "prerender":
            // alert("网页预渲染，内容不可见");
            break;
          case "hidden":
            // alert("内容不可见，处理后台、最小化、锁屏状态");
            break;
          case "visible":
            // alert("处于正常打开");
            break;
        }
});

2.监听页面url

//获取iframe中的url变化
      window.addEventListener("message", function (e) {
        if (e.data.type == "router_change") {
          console.log(e.data.data,"此时url");
        }
});

3.监听页面离开

 window.addEventListener("onbeforeunload", function (e) {
        var e = window.event || e;
        e.returnValue = "刷新或者离开当前页面会丢失数据？";
});

待续。。。