更新时如何保存textarea

Question

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

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

优先加载并保存到本地文本文件。

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

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

Answer 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

Answer 2

您或许可以监听文本区域的更改事件，然后执行此操作 - 如果当用户将焦点移出文本区域时会发生这种情况。如果您想对每个条目执行操作，请使用 oninput。

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

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

更新时如何保存textarea

How to save textarea when updated

javascript

textarea

timer

save