Javascript 获得；全屏更改“；事件后/回流焊后车身尺寸

我试图根据当前屏幕尺寸调整画布内容。“fullscreenchange”事件中我注意到的一个烦恼是，

body

的高度/宽度似乎对应于事件触发之前而不是之后（或者更确切地说是回流之前）。换句话说，当我试图通过适当调整画布元素的大小来对事件做出反应时，就好像事件还没有发生一样。是否有方法使用进入/退出全屏完成后

主体

元素的尺寸

以下是我的示例代码：

document.addEventListener('webkitfullscreenchange', function(){
    var $body = $('body');
    console.log($body.width(), $body.height(), document.webkitFullscreenElement);
});

元素状态（由

document.fullscreenElement

表示）似乎与事件后状态相对应，但宽度/高度不对应。

解决了这个问题，我使用了

$（window）.resize（）

，它在回流后触发