JavaScript 窗口大小调整事件

javascript window-resize

2022-08-29 22:35:57

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

有一种jQuery方式可以监听调整大小事件，但我宁愿不要仅仅为了这个要求而将其带入我的项目中。

答案 1

最佳做法是附加到调整大小事件。

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

jQuery只是包装标准的DOM事件，例如。resize

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

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

答案 2

首先，我知道上面的评论中已经提到了该方法，但我没有看到任何代码。由于这是首选方法，因此它是：addEventListener

window.addEventListener('resize', function(event){
  // do stuff here
});