NetworkInformation.onchange

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

The NetworkInformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the NetworkInformation object.

Syntax

netInfo.onchange = function() { ... }

Examples

// Get the connection type. 
var type = navigator.connection.type; 

function changeHandler(e) { 
   // Handle change of connection type here. 
} 

// Register for event changes: 
navigator.connection.onchange = changeHandler; 

// Another way: navigator.connection.addEventListener('change', changeHandler);

Specifications

Specification Status Comment
Network Information API
The definition of 'onchange' in that specification.
Draft Initial definition

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic support
Experimental
Chrome Full support 61Edge No support NoFirefox No support NoIE No support NoOpera Full support 48Safari No support NoWebView Android Full support 50Chrome Android Full support 38Edge Mobile ? Firefox Android No support No
Notes
No support No
Notes
Notes On Firefox, the event handler property corresponding to the change event is ontypechange.
Opera Android Full support 37Safari iOS No support NoSamsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
See implementation notes.
See implementation notes.

Document Tags and Contributors

Contributors to this page: fscholz, jpmedley, chrisdavidmills, YuichiNukiyama, teoli
Last updated by: fscholz,