HTML and CSS Reference
In-Depth Information
<span class "graytitle">Existing localStorage items(<span
id "count"></span>):</span>
<ul class "pageitem">
<li class "textbox">
<p id "existing"></p>
</li>
</ul>
<ul class "pageitem">
<li class "bigfield">
<input id "lKey" placeholder "Key" type "text" />
</li>
<li class "bigfield">
<input id "lValue" placeholder "Value" type "text" />
</li>
<li class "button">
<input id "add" type "submit" value "Add to localStorage" />
</li>
</ul>
<ul class "pageitem">
<li class "button">
<input id "clear" type "submit" value "Clear all" />
</li>
</ul>
</div>
</body>
</html>
2.6.4
Storage-Event
Sobald sich
localStorage
oder
sessionStorage
ändert, wird vom Browser ein
Storage-Event gesendet. Dieses Event kann abgefangen werden, und so kann mit einer
eigenen Logik darauf reagiert werden. Je nach Aktivität (neues Element unter Key X,
Element unter X gelöscht etc.) sind unterschiedliche Attribute dieses Event-Objekts
belegt. Hier zunächst das Interface des Storage-Events:
interface StorageEvent : Event {
readonly attribute DOMString key;
readonly attribute any oldValue;
readonly attribute any newValue;
readonly attribute DOMString url;
readonly attribute Storage storageArea;
void initStorageEvent(in DOMString typeArg, in boolean canBubbleArg, in
boolean cancelableArg, in DOMString keyArg, in any oldValueArg, in any
newValueArg, in DOMString urlArg, in Storage storageAreaArg);
};
Die Methode
initStorageEvent()
kann dazu verwendet werden, ein Storage-Event zu
erstellen, was normalerweise nicht notwendig ist. Falls die Webapplikation jedoch
Events emulieren soll, kann es hilfreich sein.
