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

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​

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

Answer 1

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

But it will be called only after resizing is completed.

Answer 2

It should rather be:

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

Answer 3

This code works in my browser:

<script>

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

</script>