PermissionStatus: change event

The change event of the PermissionStatus interface fires whenever the PermissionStatus.state property changes.

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.

Example

navigator.permissions
  .query({ name: "geolocation" })
  .then((permissionStatus) => {
    console.log(`geolocation permission state is ${permissionStatus.state}`);
    permissionStatus.onchange = () => {
      console.log(
        `geolocation permission state has changed to ${permissionStatus.state}`
      );
    };
  });

Specifications

Specification
Permissions # dom-permissionstatus-onchange

Browser compatibility

BCD tables only load in the browser