js监听浏览器窗口被激活

背景：

A系统需要依赖于B系统的填报功能，在B系统填报完成后调用close方法关闭B系统；此时浏览器自主激活A系统窗口，激活A系统浏览窗口时需要更新数据状态，因此需要刷新A系统数据列表。

方案：使用js的addEventListener和removeEventListener方法配合实现该操作。代码如下：

// 原生浏览器窗户是否被激活方法
export function monitorWindowStatus(self) {
    // 不同浏览器 hidden 名称
    let hiddenProperty = 'hidden' in document ? 'hidden' :
        'webkitHidden' in document ? 'webkitHidden' :
            'mozHidden' in document ? 'mozHidden' :
                null;
    // 不同浏览器的事件名
    let visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
    let onVisibilityChange = function() {
        if(!document[hiddenProperty]) {
            console.log('窗口非调用');
        } else {
            console.log('窗口调用');
            self.initTable()    // 刷新A系统列表数据
        }
        document.removeEventListener(visibilityChangeEvent, onVisibilityChange);    // 移除元素事件句柄
    }
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);   // 添加元素事件句柄
}