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.


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


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 Status Comment
The definition of 'onchange' in that specification.
Working Draft Initial definition.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support43 ?46 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support4343 ?46 ? ? ?

Document Tags and Contributors

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