☰

ウェブページがフォーカスされたときのイベント 質問する

tag-icon • tag-icon javascript html jquery jquery-events google-reader
ウェブページがフォーカスされたときのイベント 質問する

Google Reader には、別の Web ページから Web ページに切り替えると (ページにフォーカスを当てると)、そのページにフォーカスが当たっていない間に蓄積された更新が表示されるという便利な機能があります。
簡単な質問 #1: どうやってそれを実現するのですか?

私は、そのような機能を提供するすぐに使用できるイベントを知らないので、マウス移動イベント + キーボード イベントにバインドしている可能性があると考えています。

それを Google で検索するのは悪夢です (フォーカス、タブ、Web ページ、ユーザー)。

簡単な質問 #2: そのような機能を提供するパッケージはどこかにありますか?

私は、すべてのウェブ開発者の指針として jQuery タグを載せていますが、フレームワークについてはあまり気にしていません (Javascript であれば)

ベストアンサー1

jQueryを使ってみてくださいfocusそしてblur機能：

$(window).focus(function() {
   console.log('welcome (back)');
});

$(window).blur(function() {
   console.log('bye bye');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Click in and out of this frame to test the focus and blur functions.

おすすめ記事