更新时如何保存textarea答案

【问题标题】：How to save textarea when updated更新时如何保存textarea
【发布时间】：2019-01-07 21:02:27
【问题描述】：

我的本地磁盘上有一个网页。我想在更新时将信息保存在文本区域中。我想避免任何第三方的东西，如 php 或任何其他服务。

我想避免使用提交按钮。只有当我重新加载页面、关闭它或者我的电脑崩溃时，文本框中的信息才会保留在那里。

首选加载并保存到本地文本文件。

我想也许一个定期保存文本值的计时器会很好。就像每 10 秒一样。

任何想法都会很好。也许是一个写得很好的例子，因为我没有在家上网或定期查找东西的方法。

【问题讨论】：

标签： javascript timer save textarea

【解决方案1】：

你可以用localStorage 做这样的事情。需要注意的是，如果您清除浏览器数据，您将丢失数据。

如果你想每 10 秒保存一次版本，那么你可以这样做

setInterval(function() {
    var value = document.getElementById(“textBox”).value;
    localStorage.setItem(“textValue”, value)
}, 10000)

当文件加载时，你会做相反的事情

var value = localStorage.getItem(“textValue”)
document.getElementById(“textBox”).value = value

阅读更多关于localStorage这里MDN docs

【讨论】：

【解决方案2】：

您可能可以监听文本区域的更改事件，然后进行工作 - 如果当用户将注意力从文本区域外移开时会发生这种情况。如果您想对每个条目执行操作，请使用 oninput。

<textarea id="mySelect" onchange="myFunction()"></textarea>

<script>
function myFunction() {
  var x = document.getElementById("mySelect").value;  
}
</script>

【讨论】：