将输入、文本区域数据从一个窗口复制到另一个窗口

Question

我想创建一个复制粘贴文本区域的功能，并在另一个窗口上将数据从一个表输入到同一个表，不包括第一个 tds。当我按 Ctl+c 时，它会复制，并在另一个选项卡中相同的浏览器 Ctrl+ v 粘贴

Winow 选项卡 1 从中复制数据

<tr>
  <td class="tbody_data side">Alkalinity/Acidity</td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none; "></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data side" style="padding: 25px;  width:50px;">
    <select class="select" style="border:none; width:145px;">
      <option value="COMPLIES">COMPLIES</option>
      <option value="DOES NOT COMPLY">DOES NOT COMPLY</option>
    </select>
  </td>
</tr>

粘贴到窗口 2 上

<tr>
  <td class="tbody_data side">Microbiology</td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none; "></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data" style="padding: 0px;">
    <textarea class="det_st form-control" style="border:none;"></textarea>
  </td>
  <td class="tbody_data side" style="padding: 25px;  width:50px;">
    <select class="select" style="border:none; width:145px;">
      <option value="COMPLIES">COMPLIES</option>
      <option value="DOES NOT COMPLY">DOES NOT COMPLY</option>
    </select>
  </td>
</tr>

建议

Answer 1

在

另一个浏览器选项卡中？ 好吧，我只能想象使用本地存储。

在输入中添加一个 id 或唯一类，然后获取每个属性的值：

var input1 = $("#idOfInput1").val();
var input2 = $("#idOfInput2").val();
...
localStorage["input1"] = input1;
localStorage["input2"] = input2;

创建一个按钮"保存"，并在按钮的 Click 事件中生成前面的代码（由您完成）。

在另一个窗口中，获取"加载"按钮。 在 On Click 事件中，读取 localsorage 项的内容，并将它们加载到需要具有 ID 或类的表中。

$("#loadbutton").on("click",function(){
   $("#contentinput1").text(localStorage["input1"]);
   $("#contentinput2").text(localStorage["input2"]);
   $("#contentinput3").text(localStorage["input3"]);
   ...
}

Answer 2

这似乎是使用websockets的好地方。

要么通过 websocket 消息传递整个内容，要么将它们存储在本地存储中，并向客户端发送一条消息，指出新内容可用。

这样，您还可以为任意数量的客户端扩展它