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);   // 添加元素事件句柄
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！