javascript - 复制到剪贴板并在 Excel 中呈现为链接

Question

我正在尝试从 div 元素复制内容并将其粘贴到 Excel 工作表中。

举个例子，我将 href 标签放在 div 元素中，并使用 document.execCommand("copy") 它已成功复制，但是当我尝试将其粘贴到 Excel 工作表中时，它直接作为 HTML 文本回显，而不是转换为链接。

我尝试在鼠标的帮助下复制链接并将其粘贴到 excel 中，然后它运行良好。这是我使用的示例脚本:

JS Bin

Answer 1

您可能需要重新考虑函数逻辑。你真的不需要屏幕外的临时 div 来复制到剪贴板。这是您可以执行的操作。

如您所料，该粘贴应作为 Excel 中的链接使用。

var copyBtn = $("#copy-btn");

function copyToClipboard() {
  var element = document.getElementById("copy-me");
  if (!element) {
    return;
  }

  var range;

  if (document.body.createTextRange) {
    range = document.body.createTextRange();
    range.moveToElementText(element);
    range.select();
  } else if (window.getSelection) {
    var selectedContent = window.getSelection();

    range = document.createRange();
    range.selectNodeContents(element);
    selectedContent.removeAllRanges();
    selectedContent.addRange(range);
  }
  document.execCommand("copy", false, null);

}

copyBtn.on('click', copyToClipboard);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div name="Element To Be Copied" id="copy-me">
  <a href="http://www.google.com">Google</a>
</div>
<button id="copy-btn">Copy</button>
<div>
  <textArea></textArea>
</div>