ユーザーがタブを変更したかどうかを検出するJavascript

Question

オンラインクイズ用のWebページを作成したいと思います。クイズを取っている人がタブを変更したり、ブラウザを最小限にしなくても新しいウィンドウを開くと、他のウィンドウ/タブからの回答を見て、クイズが止まるはずです。どうすればいいですか？
P.S：新しいHTML5の新機能ではありません。現在、すべての主要なブラウザでサポートされています。

Answer 1

を参照してください。それは、このから引用し

$(window).focus(function() { 
    //do something 
}); 

$(window).blur(function() { 
    //do something 
}); 

だろうjQueryので

SO答え：https://stackoverflow.com/a/1760268/680578

Answer 2

これをサポートするブラウザをターゲットにしている場合は、HTML5で利用可能なページ表示APIを使用できます。それは、タブの変化、つまり、可視性の変化を直接検出するわけではありません。タブの変更が含まれます（これに限定されません）。

は、タブやウィンドウはウィンドウにブラー/フォーカスイベントリスナーを取り付けることにより、アクティブであるかどうかを判断することができますhttps://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API

Answer 3

ダウン

ベストネイティブ関数の手、ないのjQueryを。

document.hasFocus 

ペンをチェックして、リンクに行き、コードペーンのタブに戻るときにどうなるかを確認します。

https://codepen.io/damianocel/pen/Yxxzdj

私は、新しいブラウザを開くようなウィンドウのフォーカスの変化を検出することができているかどうかを知りたかったknow.Whatとして まあ確かにタブで変更