显示页面时的Javascript事件?

显示页面时的Javascript事件?,javascript,jquery,events,triggers,kendo-ui,Javascript,Jquery,Events,Triggers,Kendo Ui,我有一个包含一些div和内容的网页(剑道拆分器内的剑道UI网格),当页面准备就绪或调整大小时,会自动调整大小以适应可用空间。这是通过Javascript+JQuery公共触发器处理实现的,并且工作正常 但当工具栏打开时,如Firebug,会发生以下情况: 如果我在加载页面之前刷新并切换到另一个浏览器的选项卡,然后我回到我的页面,我看到其中一个div(网格的一个)比它的容器大,所以它溢出了几个像素。顺便说一句,它发生在页面显示后的几个瞬间,因此不能使用visibilitychange触发器 在IE

我有一个包含一些div和内容的网页(剑道拆分器内的剑道UI网格),当页面准备就绪或调整大小时,会自动调整大小以适应可用空间。这是通过Javascript+JQuery公共触发器处理实现的,并且工作正常

但当工具栏打开时,如Firebug,会发生以下情况:

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

在IE中也会发生同样的情况,只需打开页内调试器即可

我不认为KendoUI小部件与这个问题有关,但为了完整性起见,我报告了它


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

您可能希望在
窗口中收听
聚焦
模糊
事件,如下所示:

$(window).on('focus', function() {
    //(...)
});
当您转到其他选项卡或浏览器窗口以外的其他窗口时,将触发模糊事件<代码>焦点
事件的作用正好相反。

我可以在这里添加一个JSFIDLE,但它使用了
iframes
,因此无法正确测试它。

我尝试过,但正如我在问题中所说的,它不起作用,因为我注意到在切换回页面后不久会出现调整大小的混乱。我认为唯一的解决办法是设置一个超时。。