Skip to content

Instantly share code, notes, and snippets.

@TakashiSasaki

TakashiSasaki/gist:4282903

Created December 14, 2012 05:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save TakashiSasaki/4282903 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save TakashiSasaki/4282903 to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 StorageEvent does not fire "storage" event in the window that changes the state of the local storage. This sample shows how to fire self-"storage" event.
Raw
gistfile1.html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script>
"use strict";
var storage = window.localStorage;
storage.setItem("key1", "value1");
alert(storage.getItem("key1"));
addEventListener("storage", function () { alert("storage event was fired"); });
var event = document.createEvent("Event");
event.initEvent("storage", true, true);
window.dispatchEvent(event);
</script>
</body>
</html>
@hasanhameed07

hasanhameed07 commented Nov 4, 2016

Copy link
Copy Markdown

This shorthand version also works the same:
window.dispatchEvent( new Event('storage') );

@techsin

techsin commented Oct 29, 2018

Copy link
Copy Markdown

👍

@OoonaNet

OoonaNet commented Mar 14, 2019

Copy link
Copy Markdown

Thank you

@timhecker

timhecker commented Jan 16, 2020

Copy link
Copy Markdown

ok!

@k-funk

k-funk commented May 6, 2020

Copy link
Copy Markdown

window.dispatchEvent( new Event('storage') );

Use this ^. initEvent is deprecated.

@nunisa

nunisa commented Oct 20, 2020

Copy link
Copy Markdown

👍

@vespaiach

vespaiach commented Jul 25, 2021

Copy link
Copy Markdown

thanks

@ggluta

ggluta commented Sep 30, 2021

Copy link
Copy Markdown

Just what I needed. Thx!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment