We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

PermissionStatus.onchange

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

The PermissionStatus.onchange event of the PermissionStatus interface is called whenever the PermissionStatus.state property changes.

Syntax

PermissionStatus.onchange = function() { ... }
PermissionStatus.addEventListener('change', function() { ... })

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);
  };
});

Specification

Specification Status Comment
Permissions
The definition of 'onchange' in that specification.
Working Draft Initial definition.

Browser Support

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 43.0 46 (46) ? ? ?
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile Chrome for Mobile
Basic support No support 43.0 46.0 (46) ? ? ? ? 43.0

Document Tags and Contributors

Contributors to this page: chrisdavidmills, jasonpang, poiru, jpmedley, keithjgrant
Last updated by: chrisdavidmills,