Web/API/NetworkInformation/onchange

From Get docs

This is an experimental technologyCheck 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 APIThe definition of 'onchange' in that specification. Draft Initial definition

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet

onchange

Experimental'

Chrome

Full support 61

Edge

Full support 79

Firefox

No support No

IE

No support No

Opera

Full support 48

Safari

No support No

WebView Android

Full support 50

Chrome Android

Full support 38

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 45

Safari iOS

No support No

Samsung Internet Android

Full support 3.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.
See implementation notes.'
See implementation notes.