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

Question

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

对于我的工作，我必须不断在同一网页上使用相同的确切信息填写大量文本框。因此，我希望能够将我在一个文本框上的输入与另一个文本框同步，而不是手动将所有内容复制并粘贴到每个单独的文本框中。举个例子，理论上，我可以在第一个框中输入"狗"，第二个框中会自动出现"狗"一词。这可以通过JavaScript在Tampermonkey中实现吗？

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

我不确定从哪里开始，所以任何和所有的建议将不胜感激。

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