Window.innerwidth在浏览器调整大小时不会更新

Question

当我调整窗口大小时，window.innerwidth不会更新。 我不想使用jQuery。

var page = window.innerWidth;
var content = document.getElementById("content");
content.style.width = page - 300 + "px";

我试过了：

window.addEvent("resize", function() {
  console.log(window.getCoordinates().width);
});

无济于事

编辑：但是那仍然不能解决window.innerwidth在调整大小时不会改变

Answer 1

window.onresize = function(event) {
  console.log(window.innerWidth);
};

但是只有在调整大小后才能调用它。

Answer 2

它应该是：

window.addEventListener("resize", function() {
    console.log(window.innerWidth);
});

Answer 3

此代码在我的浏览器中有效：

<script>

    window.onresize = function() {    
        var widthWin = window.document.body.clientWidth;
        console.log(widthWin);         
    }

</script>