The onresize property of the GlobalEventHandlers interface is an EventHandler that processes resize events.

The resize event fires after the window has been resized.


window.onresize = functionRef;


functionRef is a function name or a function expression. The function receives a FocusEvent object as its sole argument.


Window size logger

<p>Resize the browser window to fire the <code>resize</code> event.</p>
<p>Window height: <span id="height"></span></p>
<p>Window width: <span id="width"></span></p>
const heightOutput = document.querySelector('#height');
const widthOutput = document.querySelector('#width');

function resize() {
  heightOutput.textContent = window.innerHeight;
  widthOutput.textContent = window.innerWidth;

window.onresize = resize;


Specification Status Comment
HTML Living Standard
The definition of 'onresize' in that specification.
Living Standard

Browser compatibility

BCD tables only load in the browser

See also