ユーザーがブラウザのタブを切り替えるときのイベント

Question

ユーザーがページから別のタブに切り替えるたびに発生するイベントと、ユーザーが再びタブに戻ったときに発生する別のイベントを探しています。すべてのブラウザ

全体

window.onblurとwindow.onfocus don't seem to work correctlyは、私がこのイベントを合成するために見て可能性がプロキシがありますか？

Answer 1

ブラウザ間でのサポートを提供するMooToolsやjQueryなどのフレームワークをお試しください。彼らは、より信頼性の高いブラウザウィンドウのblurイベントとfocusイベントを検出できるはずです。

私は個人的に多くの成功とjQueryのを使用しています

$(window).blur(function(e) { 
    // Do Blur Actions Here 
}); 
$(window).focus(function(e) { 
    // Do Focus Actions Here 
}); 

Answer 2

あなたはまたVisibilityAPIを試してみて、使用することができます。

document.addEventListener("visibilitychange", function() { 
    if (document.hidden){ 
     console.log("Browser tab is hidden") 
    } else { 
     console.log("Browser tab is visible") 
    } 
}); 

See also here on Stackoverflow (possible duplicate)