Screen: change event

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The change event of the Screen interface is fired on a specific screen when one or more of the following properties change on it:

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

js
addEventListener("change", (event) => {});

onchange = (event) => {};

Event type

A generic Event.

Examples

js
const firstScreen = (await window.getScreenDetails()).screens[0];
firstScreen.addEventListener("change", (event) => {
  console.log("The first screen has changed.", event, firstScreen);
});

Specifications

Specification
Window Management
# api-screen-onchange-attribute

Browser compatibility

BCD tables only load in the browser

See also