JavaScript窗口调整大小事件

如何挂接到浏览器窗口调整大小事件?

一种jQuery侦听调整大小事件的方法,但我不希望仅出于这一要求就将其引入我的项目中。

2020/03/11 23:30:44
window.onresize = function() {
    // your code
};
阿飞番长2020/03/11 23:30:44

感谢您在http://mbccs.blogspot.com/2007/11/fixing-window-resize-event-in-ie.html中引用我的博客文章

虽然您可以连接到标准窗口调整大小事件,但您会发现在IE中,该事件每X触发一次,每Y轴移动触发一次,导致触发大量事件,这些事件可能具有一定的性能如果渲染是一项繁重的任务,则会对您的网站产生影响。

我的方法涉及一个短暂的超时,该超时将在后续事件中取消,以便在用户完成调整窗口大小之前,该事件不会冒泡到您的代码中。

ProGO2020/03/11 23:30:44

jQuery只是包装了标准的resizeDOM事件,例如。

window.onresize = function(event) {
    ...
};

jQuery 可以做一些工作来确保在所有浏览器中一致地触发resize事件,但是我不确定任何浏览器是否有所不同,但是我建议您在Firefox,Safari和IE中进行测试。