如何在 Window.Blur () 事件上创建事件监听器？答案

【问题标题】：How to create event listener on Window.Blur () event?如何在 Window.Blur () 事件上创建事件监听器？
【发布时间】：2010-12-03 20:34:13
【问题描述】：

Javascript：如何在Window.Blur() 事件上创建事件监听器？

【问题讨论】：

您是在使用 jQuery 还是任何其他 JS 库，还是我们只是在谈论直接的 JS？
它与任何其他事件侦听器相同——到目前为止您尝试了什么？
好的，这很有趣：我写了一个答案，但想快速测试一下。它起作用了，然后我无法返回此页面发布我的答案，因为我正在测试我的脚本的选项卡会在每次失去焦点时发出警报。与此同时，帕特里克回答了。
@JacobM - 我以前一直是 alert() 人质。不好玩。 :o)
我也有，但这是我第一次对自己这样做。 :)

【解决方案1】：

window.onblur = function() {
   //say goodbye
};

According to quirksmode onfocus 和 onblur 在大多数浏览器中都可以在 window 上使用。

【讨论】：

【解决方案2】：

最好使用addEventListener 而不是属性，这样您可以设置多个处理程序，并且没有人（包括您自己）会通过覆盖onblur 属性而意外禁用您的处理程序。

window.addEventListener('blur', function() {
   console.log('blur');
});

【讨论】：

【解决方案3】：

试试：

window.onBlur = function(e) {
    // Code here.
}

【讨论】：

虽然这段代码可能会回答这个问题，但通常认为添加对代码作用的解释是一种很好的做法。这使不熟悉该领域的开发人员能够了解代码中发生了什么，并帮助他们学习如何在未来自行解决问题。