您可以在div的内容上使用document.execCommand（'copy'）吗？

Question

如果我手动复制html表，则可以将其粘贴到保留格式（看起来像表）的Google文档中。

如何使用按钮以编程方式复制内容并将其粘贴为html表？类似于以下内容...

evar copydeck = $("<div>").html(htmlToInsert);
$('body').append(copydeck);
copydeck.select();
document.execCommand('copy');
copydeck.remove();

上面的代码不起作用...但是这样做：

copydeck = $("<textarea>").val(this.list.join("\r\n"));
$('body').append(copydeck);
copydeck.select();
document.execCommand('copy');
copydeck.remove();

我猜这是因为元素必须是可选的-就像输入或htmlarea字段一样。但是他们不能保存html（或者只是纯文本，而不是html）。

有什么办法复制和粘贴HTML？

Answer 1

是!

   function copy() {
      var target = document.getElementById('my-div');
      var range, select;
      if (document.createRange) {
        range = document.createRange();
        range.selectNode(target)
        select = window.getSelection();
        select.removeAllRanges();
        select.addRange(range);
        document.execCommand('copy');
        select.removeAllRanges();
      } else {
        range = document.body.createTextRange();
        range.moveToElementText(target);
        range.select();
        document.execCommand('copy');
      }
    }

  <div id="my-div" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
    Hello stackoverflow!))
  </div>
  <div>
    <input onclick="copy()" type="button" value="Copy">
  </div>