更新时如何保存文本区域

时间:2019-01-07 21:02:27

标签: javascript timer save textarea

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

我想避免使用提交按钮。重新启动页面时,仅使文本框中的信息停留在该位置,即使我的电脑崩溃了,也要关闭它。

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

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

任何想法都会很好。也许是一个很好的例子,因为我不在家中上网或定期查找事物的方法。

2 个答案:

答案 0 :(得分:0)

您可以使用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

MDN docs

上详细了解localStorage

答案 1 :(得分:-1)

您可能可以收听文本区域的change事件,然后执行工作-如果在用户将焦点移到文本区域之外时会发生这种情况。 如果您想对每个条目进行操作,请使用oninput。

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

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