JS 監聽瀏覽器當前頁簽（Tab頁）的切換（可見性變化）事件

提到瀏覽器頁簽可見性的相關事件，我們可能會聯想到Window對象上的onpageshow和onpagehide事件，不過這兩個事件的表現行為更類似於onload和onunload事件。

實際上監聽頁簽的切換，我們需要用的window.document.visibilitychange事件！

const handler = () => {
  // 也可以通過document.hidden屬性（布爾類型）來判斷
  // window.document.hidden (True/False)

  // document.visibilityState擁有兩種字符串枚舉值（'visible' 和 'hidden'）
  if (window.document.visibilityState === 'visible') {
    // 當頁簽處於可見狀態，TODO
  } else {
    // 當頁簽處於不可見狀態（hidden），TODO
  }
};

window.document.addEventListener('visibilitychange', handler);