Javascript 单击文本将链接复制到剪贴板

Javascript 单击文本将链接复制到剪贴板,javascript,jquery,Javascript,Jquery,我正试图让使用我的脚本的用户只需单击特定网站上的ID,它就会用他们单击的文本将链接复制到他们的剪贴板。例如,我单击上的文本1510970,它会复制一个带有ID的链接,因此当我粘贴复制的内容时,它应该是这样的。如果要确保与所有主要浏览器兼容,可以使用以下解决方法: 创建要附加到文档的元素 将其值设置为要复制到剪贴板的字符串 将元素附加到HTML文档中 使用HTMLInputElement.select()选择元素的内容 使用Document.execCommand('copy')将的内容复制到剪

我正试图让使用我的脚本的用户只需单击特定网站上的ID,它就会用他们单击的文本将链接复制到他们的剪贴板。例如,我单击上的文本1510970,它会复制一个带有ID的链接,因此当我粘贴复制的内容时,它应该是这样的。

如果要确保与所有主要浏览器兼容,可以使用以下解决方法:

  • 创建要附加到文档的
    元素
  • 将其值设置为要复制到剪贴板的字符串
  • 元素附加到HTML文档中
  • 使用
    HTMLInputElement.select()
    选择
    元素的内容
  • 使用
    Document.execCommand('copy')
    的内容复制到剪贴板
  • 从文档中删除
    元素
const copyToClipboard=str=>{
const el=document.createElement('textarea');
el.value=str;
文件.正文.附件(el);
el.select();
document.execCommand('copy');
文件.正文.删除文件(el);
};
常量url=http://www.myurl.com/viewReport.php?id=';
document.getElementById('myItem')。addEventListener('click',函数(e){
让myUrl=url+e.target.dataset.page\u id;
copyToClipboard(myUrl);
警报(myUrl+“已复制到剪贴板!”)
});
1510970
你可以做到

函数copyText(){
变量url=”http://www.myurl.com/viewReport.php?id=";
var text=document.getElementById(“myText”).innerHTML;
var textCopy=document.getElementById(“myText”);
textCopy.value=url+text;
文件。执行命令(“副本”);
}

要复制的文本
这不起作用。它只复制“您要复制的文本”;在将其复制到剪贴板之前,它不会向其附加链接。