javascript - 显示页面时的Javascript事件？

Question

我有一个网页，其中包含一些 div 和内容（Kendo 拆分器内的 Kendo UI 网格），当页面准备好或调整大小时，它们会自动调整大小以适应可用空间。这是通过 Javascript+JQuery 通用触发器处理发生的，并且运行顺利。

但是当工具栏打开时，比如 Firebug，会发生以下情况：

如果我在加载页面之前刷新并切换到另一个浏览器的选项卡，然后我回到我的页面，我看到其中一个 div（网格的一个）比它的容器大，所以它溢出了几个像素。顺便说一句，它发生在页面显示后的几分钟内，因此无法visibilitychange使用触发器。

通过简单地打开页内调试器，在 IE 中也会发生同样的情况。

我认为 KendoUI 小部件与此问题无关，但为了完整起见，我将其报告。

所以我认为修复它的最佳方法是利用用户显示文档时触发的某些事件。它存在吗？

score 2 · Accepted Answer

你可能想听这样focus的blur事件window：

$(window).on('focus', function() {
    //(...)
});

blur当您转到另一个选项卡或另一个窗口而不是浏览器窗口时会触发事件。focus事件则相反。
我可以在这里添加一个 jsfiddle，但它使用iframes了所以无法正确测试。

1 回答 1