W3cubDocs

/DOM

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 compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support 61 No No No 48 No
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support 50 38 ? No
No
On Firefox, the event handler property corresponding to the change event is ontypechange.
37 No ?

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/onchange