javascript - 如何捕获整个浏览器窗口的模糊和焦点？

Question

我想捕捉实际浏览器窗口的模糊和焦点 - 这意味着焦点到子框架的变化不感兴趣。

目前我一直在用$(顶部).焦点()$(top).blur()

和$(窗口).焦点()$(窗口).blur()

但是，当用户将焦点更改为嵌入式 iframe 时，它​​们会触发，这是我不想要的。

有谁知道捕获窗口的 TRUE 激活和停用的方法吗？

[编辑]

当用户从网页移动到嵌入式 iframe 的网页时，会触发模糊和焦点事件。这与“窗口激活”事件不同，“窗口激活”事件仅在实际浏览器窗口(或选项卡)被带到最前面或发送出去(即选项卡更改或最小化)时触发。

我对模糊不感兴趣，因为用户导航到嵌入式框架这一事实对程序没有影响。但是，如果用户最小化窗口、更改选项卡或切换到另一个程序，我想知道它...

Answer 1

你不需要jquery。
window.onblur和 window.onfocus可以解决你的问题:)

(function(){
    var timer = null;
    var has_switched = false;

    window.onblur = function(){
      timer = settimeout(changeitup, 2000);
    }  

    window.onfocus = function(){
      if(timer) cleartimeout(timer);
    }

    function changeitup(){
        if( has_switched == false ){
            alert('the tab lost focus')
            has_switched = true;    
        }
    }
})();

onblur属性可用于设置窗口上的模糊处理程序，当窗口失去焦点时触发。