19

Google リーダーには、別の Web ページから Web ページに切り替える (ページにフォーカスを与える) ときに、ページにフォーカスがない間に蓄積された更新が表示されるという優れた機能があります。
簡単な質問 #1 : 彼らはどのようにそれを行うのですか?

私はあなたにその能力を与えるすぐに使えるイベントを知らないので、それらはマウス移動イベント+キーボードイベントにバインドされている可能性があると考えています。

そのためのグーグルは悪夢です(フォーカス、タブ、Webページ、ユーザー)。

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

私は jQuery タグをすべての Web 開発者忍者のビーコンとして配置していますが、フレームワークについてはあまり気にしません (Javascript である限り)。

4

5 に答える 5

21

jQueryfocusblur関数を使用してみてください。

$(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.

于 2011-01-10T20:35:17.990 に答える
5

FFでテストし、document.onfocusそのウィンドウに切り替えると呼び出されます。

于 2011-01-10T20:42:11.717 に答える
5

focusinオブジェクトに(フォーカス) とfocusout(ぼかし) を使用しdocumentます。

$(document).bind('focus', function() {
   console.log('welcome (back)');
}).bind('blur', function() {
   console.log('bye bye');
});
于 2011-01-10T20:33:15.777 に答える