监听浏览器tab选项卡选中事件 浏览器tab点击事件

<script>
	document.addEventListener('visibilitychange', function() { //浏览器tab切换监听事件
		console.log(11111, document.visibilityState, new Date());
		if(document.visibilityState == 'visible') { //状态判断:显示(切换到当前页面)
			// 切换到页面执行事件
			var normal_title = '111'; //title标签的内容
			document.title = normal_title;
		}else if(document.visibilityState == 'hidden') {//状态判断:隐藏(离开当前页面)
			// 离开页面执行事件
			var normal_title = '222'; //title标签的内容
			document.title = normal_title;
		}
	});
</script>

  

posted @ 2021-03-05 11:16  jiaqiq  阅读(548)  评论(0编辑  收藏  举报