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 浏览器的输入行，那么文本作为文本看起来完全正确。但是，如果我将文本粘贴到 Word Microsoft，文本将显示在一个带有两张幻灯片的框中，一张在底部，一张在左侧。这是怎么回事？

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选择文本区域的内容，而不是文本区域本身。