3

Webページのテキストエリアで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>

しかし、うまくいかないようです。ここで明らかな何かが欠けていますか？textarea の代わりに contenteditable div を使用し、editor.value の代わりに editor.innerHTML を使用した場合、なんとか機能させることができましたが、この特定の Web ページには textarea を使用する必要があります。助言がありますか？

4

1 に答える 1

3

に括弧がありません。if()これは次のとおりです。

 if window.localStorage["TextEditorData"] {

次のようにする必要があります。

 if (window.localStorage["TextEditorData"]) {

現在、構文エラーがスローされています。 上記の修正を加えたコードのバージョンは次のとおりです。動作しています:)

于 2010-07-29T02:04:51.577 に答える