Copy to clipboard pure JavaScript

Copy text from <p> element into clipboard using only JavaScript

by abuhamzah

HTML

<script src="https://github.com/lgarron/clipboard-polyfill/releases/latest/download/clipboard-polyfill.promise.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <button id="copy2">Copy 2</button> <br />

 
<div id="test" >
<p><b>found = false  </b></p>
<p><b>found = false  </b></p><p><b>for r in result </b></p><p><b>  if r.name</b></p><p><b>  found = true if r.name.downcase.eql?(&#39;top volunteer organizations&#39;) </b></p><p><b>  end</b></p><p><b>end  </b></p><p><b>found</b></p><p><br></p>
</div>

<div id="test" >
<p><b>found = false  </b></p>
<p><b>found = false  </b></p><p><b>for r in result </b></p><p><b>  if r.name</b></p><p><b>  found = true if r.name.downcase.eql?(&#39;test 123s&#39;) </b></p><p><b>  end</b></p><p><b>end  </b></p><p><b>found</b></p><p><br></p>
</div>

JavaScript

$("#copy2").on("click", function(e)
{

  var dt = new clipboard.DT(); 
  
  alert($("#test")[0].innerText);
  alert($("#test")[0].innerHTML);
  dt.setData("text/plain", $("#test")[0].outerText); 
  dt.setData("text/html", $("#test")[0].innerHTML); 
  clipboard.write(dt);
});