HTML5 Game - Listen to storage event

  1. HOME
  2. HTML5 Game
  3. indexedDB
  4. Listen to storage event

Description

Listen to storage event

Demo

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Storage Events</title>

<style>
body {//from w  ww  . jav  a2s  . com
  font-family: 'Palatino Linotype', serif;
  max-width: 400px;
  padding: 10px;
}

#updateMessage {
  font-weight: bold;
  color: red;
}
</style>
<script>
window.onload = function() {
  window.addEventListener("storage", storageChanged, false);
};

function storageChanged(e) {
  let message = document.getElementById("updateMessage");
  message.innerHTML = "Local storage updated.";
  message.innerHTML += "<br>Key: " + e.key;
  message.innerHTML += "<br>Old Value: " + e.oldValue;
  message.innerHTML += "<br>New Value: " + e.newValue;
  message.innerHTML += "<br>URL: " + e.url;
}
</script>

<body>

 
  <div id="updateMessage">No updates yet.</div>
</body>
</html>