JavaScript 将输入框值保存到本地缓存 (localStorage)

使用 JavaScript 将输入框值保存到本地缓存

本文介绍使用 JavaScript 代码将输入框的值保存到本地缓存 (localStorage) 中，并提供完整的 HTML 和 JavaScript 代码示例。

HTML 代码：

<input id='edit_openaikey' placeholder='sk-xxxxxxxxxxxxxxxxxx'>
<button onclick='saveToLocalStorage()'>保存</button>

JavaScript 代码：

function saveToLocalStorage() {
  var openaikey = document.getElementById('edit_openaikey').value;
  localStorage.setItem('openaikey', openaikey);
  alert('已保存到本地缓存中');
}

当用户输入完 openaikey 并点击保存按钮时，JavaScript 代码将获取输入框的值并使用 localStorage.setItem() 将其保存在本地缓存中。在这个例子中，我们使用 'openaikey' 作为本地缓存的键名。最后，弹出一个提示框来通知用户已成功保存到本地缓存中。

注意： 本地缓存仅存储字符串类型的键值对，如果要保存其他类型的数据，需要先将其转换为字符串类型。