js中监听到浏览器标签页的新增、切换等变化

在JavaScript中,可以使用 visibilitychange 事件来监听浏览器标签页的新增、切换等变化。这个事件会在页面的可见性状态发生变化时触发。

下面是一个示例代码,展示如何使用 visibilitychange 事件来监听标签页的变化:

document.addEventListener('visibilitychange', function() {
if (document.hidden) {
// 当前标签页被切换到后台
console.log('标签页被切换到后台');
} else {
// 当前标签页被切换到前台
console.log('标签页被切换到前台');
}
});

在这个示例中,当标签页被切换到后台时,控制台会输出"标签页被切换到后台",当标签页被切换到前台时,控制台会输出"标签页被切换到前台"。

posted @   johnjackson  阅读(1834)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示