This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The onchange
event handler 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 compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onchange | Chrome Full support 43 | Edge Full support 79 | Firefox Full support 46 | IE No support No | Opera Full support Yes | Safari No support No | WebView Android No support No | Chrome Android Full support 43 | Firefox Android Full support 46 | Opera Android Full support Yes | Safari iOS No support No | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.