Question

我该如何在文本区域中缓存文本？

我现在可以使用Javascript创建一个文本区域：

var taid;

    var taid = document.createElement("textarea");
    taid.setAttribute("src", "");
    taid.style.width = "100%";
    taid.style.height = "100%";
    taid.style.border = "0px";
    taid.style.background = "lightblue";

    document.getElementById("sheet").appendChild(taid);

我是Java的新手。所以我对很多功能都不了解。我想使用JSON字符串化并在textarea中缓存所有值，以使刷新页面时这些值不会丢失。但是javascript中的任何方法都很棒。

谢谢

Answer 1

只需将onchange添加到textarea，然后保存到localStorage，然后在页面加载时将其重新加载：

taid.addEventListener("change", () => {
    var text = taid.value;
    localStorage.setItem("text", text);
});

window.onload = () => {
    var savedText = localStorage.getItem("text") || "";
    taid.value = savedText;
};

Answer 2

您可以将文本存储在数据库或浏览器的localStorage中，并在刷新时进行检索。这将在每次键入事件时将文本保存在localstorage中的文本区域中，并且当窗口加载或重新加载窗口时，它将从localStorage中检索数据并将其存储在data变量中。此变量将为textarea的值

var data;
window.onload = function() {
  data = localStorage.getItem('data');
}
var taid;

var taid = document.createElement("textarea");
taid.setAttribute("src", "");
taid.setAttribute("onkeyup", "a()")
taid.style.width = "100%";
taid.style.height = "100%";
taid.style.border = "0px";
taid.style.background = "lightblue";
taid.value = data || "";

document.getElementById("sheet").appendChild(taid);

function a() {
  localStorage.setItem("data", taid.value);

}

<body id="sheet"></body>

如何缓存文本区？

2 个答案: