PermissionStatus: change event

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

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(function(permissionStatus) {
  console.log('geolocation permission state is ', permissionStatus.state);
  permissionStatus.onchange = function() {
    console.log('geolocation permission state has changed to ', this.state);
  };
});

Specifications

Specification
Permissions # dom-permissionstatus-onchange

Browser compatibility

BCD tables only load in the browser