1つのウィンドウから別のウィンドウへの入力、テキストエリアデータのコピー

Question

テキストエリアのコピー貼り付け機能を作成し、1つのテーブルのデータを最初のtdsを除く別のウィンドウの同じテーブルに入力したいとします。私はそれをコピーcののCtl +を押すと、別のタブ同じブラウザではCtrl + Vペーストウィンドウでこのこの

<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> 

提案から

Winowタブ1つのコピーデータ

Answer 1

別のBROWSER TAB？まあ、私は想像することができますlocalstorageを使用しています。

その後、各ヴァルをつかむ、入力にIDまたは独自のクラスを追加します。

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

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

ボタン「保存」を作成し、クリックイベント内で（あなたによって完成）前のコードを作りますボタンの

他のウィンドウで、「読み込み」ボタンを取得します。オンクリックイベントでは、localsorageアイテムの内容を読み込み、IDまたはクラスが必要なテーブルにロードします。

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

Answer 2

これはウェブソケットを使用するのに適しているようです。

websocketメッセージ全体にコンテンツを渡すか、localstorageに保存して、新しいコンテンツが利用可能であることをクライアントに通知します。

このようにして、必要な数のクライアントに合わせて調整することもできます。