PreferenceObject: change event
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 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.
js
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.
js
navigator.preferences.colorScheme.addEventListener("change", (event) => {
console.log(navigator.preferences.colorScheme.value);
});
Specifications
| Specification |
|---|
| Media Queries Level 5 # onchange-attribute |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
change event
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- In development. Supported in a pre-release version.
- In development. Supported in a pre-release version.
- No support
- No support
- Experimental. Expect behavior to change in the future.