我在Javascript中构建了一个函数，它允许聚焦输入字段（类似于Google帐户登录）。 脚本的工作原理如下:

输入字段中有一个标题。 只要点击对象并写入内容，标题就会缩小并出现在字段上方。 如果您完全删除文本并单击输入字段，焦点将消失。

在脚本中，如下所示:

const reg_inputs = document.querySelectorAll(".reg-input");

function addcl() {
  const parent = this.parentNode.parentNode;

  parent.classList.add("focus");
}

function remcl() {
  const parent = this.parentNode.parentNode;

  if (this.value == "") {
    parent.classList.remove("focus");
    return false;
  }
}

reg_inputs.forEach((input) => {
  input.addEventListener("focus", addcl);
  input.addEventListener("blur", remcl);
  return true;
});

问题是当用户点击一个按钮时会被带到另一个页面。 如果用户现在返回到旧页面，标题将再次出现在输入字段中，并覆盖正常输入的文本。 这看起来很不友好，应该修复。 我想剧本会在返回时重置。 有人能帮帮我吗？