JavaScript 窗口大小调整事件

Question

如何 Hook 浏览器窗口大小调整事件？

有a jQuery way of listening for resize events但我不希望仅出于这一要求将其引入我的项目中。

Answer 1

最佳做法是添加到 resize 事件中，而不是替换它:

window.addEventListener('resize', function(event) {
    ...
}, true);

另一种方法是为 DOM 事件创建一个处理程序(但只能有一个)，例如。

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

jQuery 可能 做一些工作来确保在所有浏览器中一致地触发 resize 事件，但我不确定是否有任何浏览器不同，但我鼓励你测试Firefox、Safari 和 IE。