JavaScript/DOM/Event/offline

Der offline-Event-Handler wird ausgelöst, wenn eine Webanwendung offline gegangen ist und Server-Requests in einer Warteschlange gespeichert werden. Analog dazu wird online ausgelöst, wenn die Internetverbindung wieder steht, sodass wieder mit dem Server synchronisiert werden kann. Diese Event-Handler sind Teil der WHATWG Web Application Spezifikation.

bubbles	nein
cancelable	nein
mögliche Auslöser	allen Elementen außer im body
Event-Objekt	Event

Beispiel

window.addEventListener('load', function() {
  var status = document.getElementById('status');

  function updateOnlineStatus(event) {
    var condition = navigator.onLine ? "online" : "offline";

    status.className = condition;
    status.innerHTML = condition.toUpperCase();

    log.insertAdjacentHTML("beforeend", "Event: " + event.type + "; Status: " + condition);
  }

  window.addEventListener('online',  updateOnlineStatus);
  window.addEventListener('offline', updateOnlineStatus);
});

Sobald die Internetverbindung abbricht oder wieder verbunden wird, wird die Funktion updateOnlineStatus(event) aufgerufen. Über die Eigenschaft navigatorOnLine.onLine wird ausgelesen, ob eine Verbindung zum Server besteht und dann ausgegeben.

Beachten Sie: Diese Event-Handler werden bei Window Store Apps nicht unterstützt.

Weblinks

• MDN: offline Event