텍스트 영역이있는 HTML5 localStorage

저는 내 웹 페이지에서 textarea를 사용하여 localStorage를 사용하려고했습니다 (아무 소용이 없음). 다음과 같이 스크립트를 저장 내텍스트 영역이있는 HTML5 localStorage

은 다음과 같습니다

$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>

하지만 '아무튼 다음과 같이

$(function() { 
var editor = document.querySelector("#editor"); 
editor.addEventListener("keyup", function() { 
    window.localStorage["TextEditorData"] = editor.value; 
}); 
});

내 부하 스크립트입니다 작동하지 않는 것 같습니다. 내가 여기서 뭔가 분명한 것을 놓치고 있니? 나는 을으로 처리했는데 textarea 대신 contenteditable div를 사용하고 editor.value 대신 editor.innerHTML을 사용했지만이 특정 웹 페이지에 textarea를 사용해야합니다. 어떤 제안? 당신의 if()에 당신은 어떤 괄호를 놓치고

출처

2010-07-29 木川炎星

Nick Craver가 지적한 구문 오류가 수정되었으며 jsFiddle에서 작동합니다. 웬일인지 그것은 아직도 나의 웹 페이지에서 작동하지 않는다. –

좋아, 이제 가야 해. 그런데 텍스트 변수 ID를 '편집자'로 남겨두고 JavaScript 변수 'editor'를 'ta'로 변경하는 이유는 모르겠습니다. 오 잘, 그것은 작동한다. –

이 :

if window.localStorage["TextEditorData"] {

은 다음과 같아야합니다

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

가 현재는 구문 오류를 던지고. Here's a version of your code with the above fix, working :)

출처

2010-07-29 02:04:51

왜 당신의 피들에'jquey-ui.css'를 첨부 했습니까? 구체적인 이유가 있습니까? – Shafizadeh

텍스트 영역이있는 HTML5 localStorage

답변

관련 문제