javascript - 窗口调整大小之前和之后的innerWidth/innerHeight？

Question

我有一个事件监听器，如下所示:

window.addEventListener("resize", function(data){
    console.log(data);
    // Do something
});

是否有办法在上面的回调函数中获取调整大小之前的 innerWidth/innerHeight ？我浏览了上面代码中的 data 对象，但没有找到任何东西。

Answer 1

每次发生浏览器大小调整事件时，我最终都会保存旧的宽度值。代码如下:

var initialWidth = window.innerWidth;

window.addEventListener("resize", function(){
    // Do something with 'initialWidth'
    initialWidth = window.innerWidth;
});

在上面，我保存了页面加载时的浏览器宽度。然后，每次调整浏览器大小时，我都会在回调函数末尾保存新的浏览器宽度。