如何在文本区域中缓存文本?
使用 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);
我对 JavaScript 还很陌生。所以很多功能我都不知道。我想使用 JSON stringify 并缓存文本区域中的所有值,以便刷新页面时这些值不会丢失。但是 javascript 中的任何方法都很棒。
谢谢
最佳答案
您可以将文本存储在数据库或浏览器的本地存储中,并在刷新时检索它。这将在每次 keyup 事件时将文本保存在 localstorage
中,并且当窗口加载或重新加载时,它将从 localStorage
检索数据并将其存储在数据变量。该变量将是文本区域的值
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>
关于javascript - 如何缓存文本区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54897890/