【JavaScript】タブが表示中であるかチェックする

流石にどんなに忙しくても、1ヶ月に1回は投稿できるようにしたい……。

タブが選択されていない、非表示の時に処理をしたくない、という要件があったので、どうしたもんかと思ってたら、ちゃんとあるみたいですね。

returnはbool。
非表示であればtrue、表示中であればfalseを返す。

試しに、こんな感じで比較。
20150405_01

Googleを開いているタブでDeveloper Toolsを開き、Consoleに(document.hidden)を打ち込む。

まずはGoogleのタブを表示している状態。
20150405_02
表示中なのでfalseが返ってくる。

次はYahooを開いて、GoogleタブのDeveloper Toolsに同じく(document.hidden)を打ち込む。
20150405_03
表示されていないのでtrueが返ってくる。

地味に役に立つかもしれないのでメモ。


sponsored link

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です