提问者:小点点

同步特定网页上两个可编辑文本框的方法?


我目前正在使用Tampermonkey将JavaScript注入到特定的web页面中。

为了我的工作,我不得不不断地在同一个网页上用同样确切的信息填写无数个文本框。 因此,我希望能够将我在一个文本框上的输入与另一个文本框同步,而不是手动复制和粘贴所有内容到每个单独的文本框。 所以作为一个例子,理论上,我可以在第一个框中键入“dog”,单词“dog”就会自动出现在第二个框中。 这在Tampermonkey中是否可能通过JavaScript实现?

我假设和/或元素ID或名称可以用来链接特定页面上两个元素的交互?

我不太确定从哪里开始,所以任何和所有的建议将深深感谢。


共1个答案

匿名用户

要同步页面上的所有文本框,可以执行以下操作:

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;
    });
  }
});