javascript - jQueryの「ぼかし」および「フォーカス」機能に代わるものはありますか?

Question

サイトにカウンターがあり、サイトがフォーカスされていないときにこれを一時停止したい. ぼかしを使用して (誰かがフォーカスを離れて)、誰かがリンクをクリックして新しいタブで開き、タブを閉じた場合、フォーカスは前のページに戻りませんか? なぜ機能しないのですか？それを行うより良い方法はありますか？

$(document).blur(function(){
    pause=true;
});

$(document).focus(function(){
    //alert("test");
    pause=false;

    countdown(tmp,msg);
});

score 4 · Accepted Answer

には付いていないと思いますdocumentが、window

$(window).focus(function(){...});
$(window).blur(function(){...});

私がいつも遭遇するのは、ネイティブ JS バージョンwindow.onfocusとwindow.onblur. これらはjQueryでも使用/抽象化されていると思います。

score 0 · Accepted Answer

基本的に、誰かがページをクリックするかタブで移動するまでフォーカスを取得しません。これがフォーカスのしくみです。以下の作業コード:-

 $(function() {

    $(window).focus(function() {
        alert("in");
    });
     $(window).blur(function() {
        alert("out");
    });

});

ウィンドウマウスイン/アウトイベントを追加することもできますが、タッチデバイスはサポートされず、複数の画面を使用するユーザーには問題が発生するため、これはお勧めしません。

あなたの問題は、JSの問題ではなく、ソフトウェアの問題です。この場合、ブラウザに翻弄されますが、目的のタブに戻っても、ウィンドウ自体をクリックするまではぼやけた状態のままです。

3 に答える 3