javascript – 如何在IE8标准模式下检测窗口是否真的调整大小?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在IE8标准模式下检测窗口是否真的调整大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的网站有许多样式表,可根据不同的屏幕宽度进行定制.在调整浏览器大小时,window.onresize事件会通过查看document.documentElement.clientWidth来检查实际调整大小.如果是这样,它会连续打开更大的样式表,直到出现滚动条.然后,它以相反的顺序关闭它们,直到滚动条消失.通过将offsetWidth与scrollWidth进行比较来检测滚动条.

在IE8中,两个新问题混淆了调整大小的检测.一,onresize会在滚动条出现或消失时触发,而两个d.dE.clientWidth报告宽度没有滚动条,从IE7和所有其他浏览器中断.我的网站现在经常被困在一个循环中,其中onresize逻辑激活一个更大的样式表,它创建滚动条,然后触发另一个无法过滤掉的resize事件,因为clientWidth由于滚动条出现或消失而发生了变化.如果IE8有像我可以检查的outerWidth之类的东西,这将是一个微不足道的修复.

最佳答案
由于我从未在任何浏览器中处理滚动条生成触发onresize,我没有意识到检查d.dE.clientWidth不是一个好的验证,事实上从来没有包括滚动条.我现在检查d.dE.offsetWidth,并过滤掉重复的onresize事件.

猜你在找的JavaScript相关文章