PreferenceObject: change event

Limited availabilitySecure context

The change event of the PreferenceObject interface is fired when a PreferenceObject override value changes. This can happen due to requestOverride or clearOverride method calls.

Syntax

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

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

onchange = (event) => { }

Event type

A generic Event.

Examples

Basic usage

The following snippet logs the user’s preferred color scheme to the console when it changes.

navigator.preferences.colorScheme.addEventListener("change", (event) => {
  console.log(navigator.preferences.colorScheme.value);
});

Specifications

Browser compatibility