您可以在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>