javascript - Window.innerwidth doesn't update on browser resize

Question

When i resize the window, the window.innerwidth doesn't update. I dont want to use jQuery.

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

i tried:

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

with no avail​</p>

Edit: But that still doesn't fix the window.innerwidth not changing on resize

Answer 1

它应该是：

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

Answer 2

此代码适用于我的浏览器：

<script>

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

</script>

Answer 3

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

但只有在调整大小完成后才会调用它。