如何在特定网页上同步两个可编辑文本框？

Question

我目前正在使用Tampermonkey将JavaScript注入特定的网页。

为了我的工作，我必须不断在同一网页上用相同的确切信息填充大量文本框。因此，与其希望将所有内容手动复制并粘贴到每个单独的文本框，我希望能够将我在一个文本框上的输入与另一个文本框同步。举个例子，从理论上讲，我可以在第一个框中键入“ dog”，然后单词“ dog”会自动出现在第二个框中。通过JavaScript在Tampermonkey中有可能吗？

我假设<input type="text">和/或元素ID或名称可用于链接特定页面上两个元素的交互？

我不确定在哪里开始，所以任何建议都将不胜感激。

Answer 1

要同步页面上的all文本框，您可以执行以下操作：

document.addEventListener("input",function(e) {
  if (e.target.matches("input[type=text]")) {
    document.querySelectorAll("input[type=text]").forEach(function(a) {
      a.value = e.target.value;
    });
  }
});