Question

我有一个带有一些div和内容的网页（Kendo Splitter内部的Kendo UI网格），当页面准备好或调整大小时，它会自动调整大小以适应可用空间。这是通过Javascript + JQuery常见的触发器处理实现的，并且它运行顺畅。

但是当工具栏打开时，就像Firebug一样，会发生以下情况：

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

只需打开页内调试器，IE就会发生同样的情况。

我认为KendoUI小部件与此问题无关，但我为了完整性而报告它。

所以我认为解决问题的最佳方法是利用用户显示文档时触发的某些事件。 是否存在？

Answer 1

您可能希望在focus上收听blur和window个事件，如下所示：

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

当您转到另一个选项卡或浏览器窗口之外的另一个窗口时，会触发

blur事件。 focus事件恰恰相反我可以在这里添加一个jsfiddle，但它使用iframes，因此无法正确测试。