Reprinted from:/journal/
This feature is very common. It is to prevent the browser from crashing or unsuccessful submission, causing the things you have worked hard to disappear. This is also the thing in Gmail.Its principle is to store the contents of the text box into a cookie. If the submission is not successful (the reason may be a browser crash), ask whether to import the last stored thing the next time you visit the page.
function AutoSave(it) { // it refers to the text box called
var _value = ; // Get the value of the text box
if (!_value) {
var _LastContent = GetCookie('AutoSaveContent'); // Get the value of the cookie. The GetCookie here is a custom function, see the source code
if (!_LastContent) return; // If the cookie has no value, it means it is a new beginning
if (confirm("Load Last AutoSave Content?")) { // Otherwise, ask if you want to import
= _LastContent;
return true;
}
} else {
var expDays = 30;
var exp = new Date();
( () + (expDays * 86400000) ); // 24*60*60*1000 = 86400000
var expires='; expires=' + ();
And this should be like this in HTML:// SetCookie This is the cookie
= "AutoSaveContent=" + escape (_value) + expires;
}
}
The first sentence imports js, and the second sentence onSubmit refers to deleting the cookie if submitted, and DeleteCookie is also a custom function. Seesource code。
<script language=JavaScript src='/javascript/'></script>
<form action="submit" method="POST" onSubmit="DeleteCookie('AutoSaveContent')">
<textarea rows="5" cols="70" wrap="virtual" onkeyup="AutoSave(this);" onselect="AutoSave(this);" onclick="AutoSave(this);"></textarea>
<input type="submit"></form>
The onkeyup in textarea refers to accessing AutoSave when pressing a key to store newly written text.
Onselect and onclick are used to determine the import automatically saved text when new access is available.
That's roughly that. Enjoy!
source code:/javascript/