同时粘贴到多个文本框中

Question

我为Firefox创建了一个JavaScript插件，该插件可操纵剪贴板并将某些文本粘贴到网页上的任何文本框中。 在此网页上，我有几个具有相同ID的文本框。

现在，我需要同时将文本粘贴到所有这些文本框中。 例如，如果我将某些内容粘贴到第一个（或任何其他）文本框中，它将自动粘贴到所有其他文本框中。

我在互联网上找不到任何示例或经验。 因此，我将很乐意提供任何建议/解决方案。

Answer 1

几个文本框？ 考虑到一切都是<input type="text" /> ，可以使用：

// Select all the textboxes.
textBoxes = document.querySelectorAll("input:text");
// Iterate each of them.
for (i in textBoxes) {
  // Add a value for each.
  textBoxes[i].value = '';
}

Answer 2

您可以在每个输入上应用一个类。

    <input class="myClass" type="text" id="selector">
    <input class="myClass" class="" type="text" id="selector">
    <input class="myClass" type="text" id="selector">
    <input class="myClass" type="text" id="selector">

   $('input').keyup(function () {
        var key = this.value;
        $('.myClass').val(key);
    });

JSFiddle： http : //jsfiddle.net/o8308q48/

Answer 3

这适用于Firefox。

在每个粘贴事件中，我们将每个输入的值设置为this.value（这是完成粘贴事件的输入）

var inputs = document.querySelectorAll('input, textarea');
for (var i = 0; i < inputs.length;i++){ 
    inputs[i].addEventListener("paste", function(){

        for (var j = 0; j < inputs.length;j++)
            inputs[j].value = this.value;
    }, false);
}

您还可以使用keyup事件并控制何时同时用“ V”按下osx中的“控制键”或“命令”，但是这样可以避免当您右键单击并单击上下文中的“粘贴”时菜单。 使用事件粘贴，您可以涵盖两种方式。