Window.sessionStorage
The sessionStorage
property allows you to access a session Storage
object. sessionStorage is similar to Window.localStorage
,
the only difference is while data stored in localStorage has no
expiration set, data stored in sessionStorage gets cleared when the page
session ends. A page session lasts for as long as the browser is open
and survives over page reloads and restores. Opening a page in a new tab or window will cause a new session to be initiated, which differs from how session cookies work.
// Get the text field that we're going to track
var field = document.getElementById('field');
// See if we have an autosave value
// (this will only happen if the page is accidentally refreshed)
if (sessionStorage.getItem('autosave')) {
// Restore the contents of the text field
field.value = sessionStorage.getItem('autosave');
}
// Listen for changes in the text field
field.addEventListener('change', function() {
// And save the results into the session storage object
sessionStorage.setItem('autosave', field.value);
});