DOM

：

：

Document：visibilitychange イベント

　編集：2022.10.07 by T.A.

[Edge]。→、

タブのコンテンツが表示状態または非表示状態になったときに document に発生します。

バブリング あり
キャンセル可能 いいえ
インターフェイス Event
イベント ハンドラー プロパティ onvisibilitychange
注意

このイベントには、更新された文書の表示・非表示状態が含まれていませんが、この情報は document の visibilityState プロパティから取得することができます。

例
visibilitychange イベントで状態表示

HTML： 

<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){ //visibilitychange イベントの処理：
  if(document.visibilityState=="visible"){ //当文書内容が一部でも表示されているなら：
    D=eve;
    IdLog.innerHTML=IdLog.innerHTML+"●"; //表示。
  }else{				//表示されていないなら：
    DA=eve;
    IdLog.innerHTML=IdLog.innerHTML+"○"; //表示。
  }
}
document.onvisibilitychange=Job; //イベント割り当て。
テスト