js判斷用戶是否離開當前頁面

簡介

VisibilityChange 事件；用於判斷用戶是否離開當前頁面

Code

// 頁面的 visibility 屬性可能返回三種狀態 
// prerender，visible 和 hidden 
let pageVisibility = document.visibilityState; 
// 監聽 visibility change 事件 
document.addEventListener('visibilitychange', function() {
  // 頁面變為不可見時觸發 
  if (document.visibilityState == 'hidden') { ... } 
  // 頁面變為可見時觸發 
  if (document.visibilityState == 'visible') { ... } 
  }
);

這里我僅僅判斷了 hidden

<script type="text/javascript">
// 監聽 visibility change 事件 
document.addEventListener('visibilitychange',function(){
  var isHidden = document.hidden;
   if(isHidden){
	document.title = '死鬼，你去哪兒了';
   } else {
 	document.title = '你終於回來了啊';
   }
  }
);
</script>