Javascript - ボックスを含まないコピーテキストを挿入

Question

私は現在Javascriptを学習しており、次の問題に直面しています。私は、読み取り専用のHTMLテキストエリアのテキストをコピーし、次のコードを使用したい：

function copy_text() 
{ 
    var text = document.getElementById("textbox"); 
    var range = document.createRange(); 
    range.selectNode(text); 
    window.getSelection().addRange(range); 
    document.execCommand("copy"); 
} 

は、実際には動作しますが、少し癖があります。たとえば、Webブラウザの入力行のように、コピーしたテキストを別の入力フィールドに挿入すると、テキストは完全に細かいテキストとして表示されます。ただし、Microsoft Wordにテキストを貼り付けると、テキストが2つのスライド（1つは下部、もう1つは左側）のボックスに表示されます。ここで何が起こっているのですか？

Answer 1

ノード全体を選択しています（textarea）ので、クリップボードにコピーされます。 Wordは、textareaを文書に貼り付けます。

あなただけtextareaのテキストをしたい場合は、単にそのselectメソッドを使用します。

function copy_text() { 
 
    var text = document.getElementById("textbox"); 
 
    text.select(); 
 
    document.execCommand("copy"); 
 
} 
 
document.getElementById("btn").addEventListener("click", copy_text, false);

<textarea id="textbox" readonly>Some example text</textarea> 
 
<br><input type="button" id="btn" value="Copy">

selectは内容のテキストエリアのではなく、テキストエリア自体を選択します。