javascript - 如何缓存文本区域?

标签 javascript html css string function

如何在文本区域中缓存文本?

使用 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/

相关文章:

javascript - 将元素定位在高度未知的 float div 的底部

javascript - 在加载 DOM 后更改样式表

html - 父项下拉子菜单

HTML+CSS : How do I put this 2 buttons at the same level vertically

javascript - ReactJS 的实时 API 监听器

javascript - 使用 ramda 转换集合

javascript - 拆分 JS 字符串正则表达式大写后跟小写

javascript - 将 Tiny MCE 移动到文本区域之前

javascript - 在 HTML 或 Text over Img 标签中赋予 TD 形状

javascript - 为什么这个功能不起作用?显示 val 为 null 的错误