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
BCD tables only load in the browser