回答編集履歴

3 Code修正

Neko_doshi

Neko_doshi score 214

2017/02/10 14:45  投稿

やってることはinputとかわりありませんが。
html
```
<textarea id="hoge"></textarea>
```
js
```
$("#hoge").on("keyup",function(){
   localStorage.setItem("hoge", $("#hoge").val());
})
```
@追記
こうだとどうでしょう。
```
/*
 function initialize(){
   $.each(initData, function(key, value) {
     $("#foo").prepend('<li><input type="text"><button class="delete">削除</button></li>');
   });
 }
 $("#add").click(function() {
   $("#foo").prepend('<li><input type="text"><button class="delete">削除</button></li>');
   localStorage.setItem("foo", $("#foo").html());
 });
 $("#foo").on("keyup", ":input", function(){
   $.each($("input"), function(key, input){
     $(input).attr("value", $("<div/>").text(input.value).html());
   });
   localStorage.setItem("foo", $("#foo").html());
 });
*/
 function initialize(){
   $.each(initData, function(key, value) {
     $("#foo").prepend('<textarea></textarea><button class="delete">削除</button></li>');
     $("#foo").prepend('<li><textarea></textarea><button class="delete">削除</button></li>');
   });
 }
 $("#add").click(function() {
   $("#foo").prepend('<li><textarea></textarea><button class="delete">削除</button></li>');
   localStorage.setItem("foo", $("#foo").html());
 });
 $("#foo").on("keyup", ":input", function(){
   $.each($("textarea"), function(key, input){
     $(input).text($(input).val())
   });
   localStorage.setItem("foo", $("#foo").html());
 });
```
3つほど関数を修正
valueじゃなくてDOMそのものをstoreしてたんですね。。。
2 追記

Neko_doshi

Neko_doshi score 214

2017/02/10 14:20  投稿

やってることはinputとかわりありませんが。
html
```
<textarea id="hoge"></textarea>
```
js
```
$("#hoge").on("keyup",function(){
   localStorage.setItem("hoge", $("#hoge").val());
})
```
```
@追記
こうだとどうでしょう。
```
/*
 function initialize(){
   $.each(initData, function(key, value) {
     $("#foo").prepend('<li><input type="text"><button class="delete">削除</button></li>');
   });
 }
 $("#add").click(function() {
   $("#foo").prepend('<li><input type="text"><button class="delete">削除</button></li>');
   localStorage.setItem("foo", $("#foo").html());
 });
 $("#foo").on("keyup", ":input", function(){
   $.each($("input"), function(key, input){
     $(input).attr("value", $("<div/>").text(input.value).html());
   });
   localStorage.setItem("foo", $("#foo").html());
 });
*/
 function initialize(){
   $.each(initData, function(key, value) {
     $("#foo").prepend('<textarea></textarea><button class="delete">削除</button></li>');
   });
 }
 $("#add").click(function() {
   $("#foo").prepend('<li><textarea></textarea><button class="delete">削除</button></li>');
   localStorage.setItem("foo", $("#foo").html());
 });
 $("#foo").on("keyup", ":input", function(){
   $.each($("textarea"), function(key, input){
     $(input).text($(input).val())
   });
   localStorage.setItem("foo", $("#foo").html());
 });
```
3つほど関数を修正
valueじゃなくてDOMそのものをstoreしてたんですね。。。
1 コード修正

Neko_doshi

Neko_doshi score 214

2017/02/10 13:12  投稿

やってることはinputとかわりありませんが。
html
```
<textarea id="hoge"></textarea>
```
js
```
$("#hoge").on("keyup",function(e){
$("#hoge").on("keyup",function(){
   localStorage.setItem("hoge", $("#hoge").val());
})
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る