Question

使用以下解决方案的第一部分，我可以将输入的值复制到剪贴板中。但是，请你告诉我如何像整个<p>一样复制HTML？如你所见，我正在

copyHTML.select不是函数

如果可以在JS中使用以及如何解决这个问题，请告诉我吗？

＆＃13;

$("#copy").on("click", function(){
      var copyText = document.getElementById("myInput");
  copyText.select();
  document.execCommand("Copy");
  alert("Copied the text: " + copyText.value);
});


$("#copyHTML").on("click", function(){
      var copyHTML = document.getElementById("sample");
  copyHTML.select();
  document.execCommand("Copy");
  alert("Copied the text: " + copyHTML.HTML);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" value="Hello World" id="myInput">
<button id="copy">Copy text</button>


<p id="sample" class="napper">This is atest Paragraph</p>
<button id="copyHTML">Copy HTML</button>

＆＃13;

Answer 1

这将为您提供HTML元素。

$("#copyHTML").on("click", function(){
      var copyHTML = document.getElementById("sample");
  copyHTML.select();
  document.execCommand("Copy");
  alert("Copied the HTML (notice the .outerHTML): " + copyHTML.outerHTML);
});

如何使用jQuery或Pure JavaScript复制外部HTML

1 个答案: