javascript - ブラウザ ウィンドウ/タブが最前面にない場合の検出

Question

特定の Web ページが前面に表示されている (または表示されていない) 時期を追跡したいと考えています。

私は既にPage Visibility APIを試しました。これを使用して、自分のページがそのウィンドウの現在アクティブなタブであるかどうかを調べることができます。しかし、ページのウィンドウが前面に表示されていない場合 (そのウィンドウのアクティブなウィンドウであるにもかかわらず) を知る必要もあります。

これは、javascript を使用して検出できるものですか?

Answer 1

私はこれにイベントを使用focusします。JQueryblurを使用してクロスブラウザーで実行できます$(window)。タブ（およびウィンドウ）が実際にフォーカスされているかどうかだけを気にするので、ページ可視性APIを必要としないように見えます。

Answer 2

hasFocus イベントを使用して、フォアグラウンド (アクティブかどうかに関係なく) にある場合は、サーバーへの ajax 呼び出しに送信します。ここに詳細があります。