Javascript - 在 Firefox 中使用焦点不会调用最大化和选项卡切换事件

Question

我遇到了奇怪的行为，我需要一些帮助..

我试图使用以下代码捕获每个选项卡切换事件和每个最大化事件(意思是:每当显示我的窗口时):

window.addEventListener("focus", function (e) { this.foo(e); }, false);
window.document.addEventListener("focus", function (e) { this.foo(e); }, false);

但是，它没有捕获最大化事件!我如何判断用户何时在最小化后最大化我的窗口？

此外，对我来说同时拥有 window.addEventListener("focus") 和 window.document.addEventListener("focus") 似乎是多余的，但我发现在选项卡之间切换时，它所关注的选定文档可能不会是我感兴趣的内容，所以这就是我使用 window.focus 的原因...但是它并不总是为窗口触发此事件，所以我必须监听两个焦点...你觉得怎么样？

你能帮我理解我的问题出在哪里吗？我需要创建一个在每个选项卡切换\最大化时触发的事件 - 以及窗口内的每个文档，以便它处理我的内容？

非常感谢，尼利

Answer 1

您可以使用window.onresize事件，如果window.outerHeight === screen.availHeight && window,outerWidth === screen.availWidth strong>，已最大化。

但是outerHeight/Width不支持IE8-，参见http://www.javascriptkit.com/domref/windowproperties.shtml

更新:对于 IE8- 破解:如果您确定用户可以接受将窗口尺寸最大化，则可以使用 window.resizeTo(screen.availWidth, screen.availHeight) 并记录 document.documentElement.clientWidth strong> 和 document.documentElement.clientHeight 进行比较，以供稍后最大化。