Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何同步特定网页上的两个可编辑文本框?_Javascript_Html_Textbox_Synchronization_Tampermonkey - Fatal编程技术网

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

Javascript 如何同步特定网页上的两个可编辑文本框?,javascript,html,textbox,synchronization,tampermonkey,Javascript,Html,Textbox,Synchronization,Tampermonkey,我目前正在使用Tampermonkey将JavaScript注入特定网页 对于我的工作,我必须不断地在同一个网页上用相同的确切信息填写许多文本框。因此,我希望能够在一个文本框和另一个文本框上同步输入,而不是手动将所有内容复制和粘贴到每个单独的文本框。作为一个例子,理论上,我可以在第一个框中输入“dog”,然后单词“dog”会自动出现在第二个框中。在Tampermonkey中是否可以通过JavaScript实现这一点 我假设和/或元素ID或名称可用于链接特定页面上两个元素的交互 我不确定从何处开始

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

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

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

我不确定从何处开始,因此非常感谢所有建议。

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

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