W3cubDocs

/Web APIs

GlobalEventHandlers.onresize

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

The resize event fires after the window has been resized.

Syntax

window.onresize = functionRef;

Value

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

Examples

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;

Specifications

Specification
HTML Standard # handler-onresize

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`onresize`	34	79 12-79 In EdgeHTML versions of Edge, this handler was only supported on the `Window` API.	38	4 In Internet Explorer, this handler was only supported on the `Window` API.	21	10.1	37	34	38	21	10.3	2.0