Javascript 如何使用jquery在剪贴板中复制

单击某个元素时，如何将该元素的内容复制到剪贴板中

<h1 class="copy"> i want to copy this text on clipboard when I click on an element.</h1>
<p> i want to copy this text on clipboard<p>

}))

如何使用jquery或常规javascript实现这一点。或者你还有什么其他建议？ 谢谢

您可以使用导航器。所有现代浏览器都支持它

document.querySelector（“.copy”）.onclick=（e）=>{
navigator.clipboard.writeText（e.currentTarget.innerText）；
}

html：

<h1><button class="copy"> i want to copy this text on clipboard when I click on an element.</button></h1>

我想在单击某个元素时将此文本复制到剪贴板上。

jquery：

$(".copy").on('click', function (){
  var text = $(this).text()
  console.log(text)
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val(text).select();
  document.execCommand("copy");
  $temp.remove();

}); 

$（.copy”）。在（'click'，函数（）{
var text=$（this）.text（）
console.log（文本）
变量$temp=$（“”）；
$（“正文”）。追加（$temp）；
$temp.val（text.select（）；
文件。执行命令（“副本”）；
$temp.remove（）；
}); 

这能解决您的问题吗？

$(".copy").on('click', function (){
  var text = $(this).text()
  console.log(text)
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val(text).select();
  document.execCommand("copy");
  $temp.remove();

});