javascript - 如何在刷新时保持输入字段禁用？

Question

用户输入数据并提交后，我将禁用输入字段。但是，如果我们刷新或按 ctl+F5，禁用的字段将启用并变得可编辑。下面是我的代码，我应该怎么做才能使其在刷新后保持禁用状态？谢谢。

<script type="text/javascript">
  document.getElementById('myButton').onclick = function() {
    document.getElementById('firstname').disabled = true;
    document.getElementById('lastname').disabled = true;
    document.getElementById('email').disabled = true;
  };
</script>

我正在使用本地存储来存储数据

Answer 1

最简单的解决方案是使用 sessionStorage:

<script type="text/javascript">
  const disableInputs = function() {
    sessionStorage.disableInputs = 'true';
    document.getElementById('firstname').disabled = true;
    document.getElementById('lastname').disabled = true;
    document.getElementById('email').disabled = true;
  };
  if (sessionStorage.disableInputs === 'true') disableInputs();
  document.getElementById('myButton').onclick = disableInputs;
</script>

如果您希望禁用效果在 session 结束后持续有效，请改用 localStorage。