Question

我的html中有一个文本区域，如下所示：

<textarea id="area1"></textarea>

当访客在此区域复制/粘贴或键入内容时，我希望将其保存到txt文件中，而访客无需单击任何按钮。

在网上浏览了所有内容，但找不到任何解决方案。

Answer 1

编写JS函数，该函数将信息保存在.txt文件中。假设函数名称为saveToTxt()。然后触发该功能onChange：

<textarea id="area1" onChange="saveToTxt(this);"></textarea>

已编辑

假设saveToTxt()是这样的：

<script>
function saveToTxt(fld) {
    const textAreaValue = fld.value;
    // then use textArea variable as container of textarea-content
    // and then treat it as you want.
}
</script>

Answer 2

此示例显示如何在更改后2s自动保存内容。这样可以防止对每个键入的字符进行保存。

var t;
function save() {
  clearTimeout(t);
  t = setTimeout(function() {
    console.log('All changes saved'); // save here
  }, 2000);
}

<textarea onchange="save();" onkeyup="save();"></textarea>

如何不使用按钮自动保存HTML textarea？

2 个答案: