Question

我想创建textarea的复制粘贴功能，并将数据从一个表输入到另一个窗口上的同一个表，不包括第一个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

在另一个浏览器选项卡中？好吧，我只能想象使用localstorage。

为输入添加id或唯一类，然后获取每个的val：

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

localStorage["input1"] = input1;
localStorage["input2"] = input2;

创建一个按钮＆＃34;保存＆＃34;，并在按钮的点击事件中制作之前的代码（由您完成）。

在另一个窗口，获得一个＆＃34;加载＆＃34;按钮。在on click事件上，读取localsorage项的内容，并将它们加载到需要id或类的表中。

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

Answer 2

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

通过websocket消息传递整个内容或将它们存储在localstorage中，并向客户端发送新内容可用的消息。

通过这种方式，您还可以为所需的客户端扩展它

将输入，textarea数据从一个窗口复制到另一个窗口

2 个答案: