如何控制瀏覽器選項卡更改jquery

Question

我有一些JavaScript來控制瀏覽器窗口更改，如果用戶更改選項卡或窗口的JavaScript倒計時重置。

但是在我的內容中有一個iframe需要訪問，並且在訪問期間不能重置倒計時。

如果用戶點擊iframe內容，倒計時將被重置，但不會發生。 我如何控制這個？

我上面的腳本：

<script type="text/javascript"> 
    var isActive; 
    var g_timer = null; 
    var numero = 90; 

    window.onfocus = function() { 
    isActive = true; 
    }; 

    window.onblur = function() { 
    isActive = false; 
    }; 

    setInterval(function() { 
    window.isActive ? decCount() : resetCount(); 
    }, 1000); 

    function decCount(){ 
     if(numero > 0){ 
      document.getElementById('timers').innerHTML = --numero; 
     } 
    } 

    function resetCount(){ 
     numero = 91; 
     clearTimeout(g_timer); 
     startTimer(); 
    } 

    function startTimer() { 
     g_timer = window.setTimeout(function() { 
      window.location.href = '/office/tasks/secure/'; 
     }, 92000); 
    } 

    function timersfocus(){ 
     $('#timers').focus(); 
    } 
    </script> 

Answer 1

您可以從jQuery的使用blur()事件

$(window).blur(function() { 
    //your code here when window/tab changes 
});