Я пытался использовать localStorage с текстовой областью на моей веб-странице (безрезультатно).
Мой скрипт сохранения выглядит следующим образом:
$(function() {
var editor = document.querySelector("#editor");
editor.addEventListener("keyup", function() {
window.localStorage["TextEditorData"] = editor.value;
});
});
Мой скрипт загрузки выглядит следующим образом:
$window.load(function () {
var editor = document.querySelector("#editor");
if (window.localStorage["TextEditorData"]) {
editor.value = window.localStorage["TextEditorData"];
}
});
Мой код HTML5 выглядит следующим образом:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/data-load.js"></script>
<script type="text/javascript" src="js/data-save.js"></script>
</head>
<body onLoad="editor.focus()">
<textarea id="editor"></textarea>
</body>
</html>
Но, похоже, это не работает. Я что-то упускаю здесь очевидное? Мне удалось заставить его работать, когда я использовал contenteditable div вместо textarea и с editor.innerHTML вместо editor.value, но мне нужно использовать textarea для этой конкретной веб-страницы. Есть предложения?