通过js判断网页是否是打开还是最小化是否离开了当前页面

在做某些需求时，例如考试、学习、根据页面可见用来暂停开始视频等业务时，需要判断当前页面的可见性操作；

可以通过监听visibilitychange事件来实现判断当前页面是否可见。

document.addEventListener("visibilitychange", function () {
     if (document.visibilityState == "hidden") { 
        //切离该页面时执行 
        console.log('离开了'); 
    }else if (document.visibilityState == "visible") {
         //切换到该页面时执行 
        console.log('进来了');
    }
});