Jquery 如何使剪贴簿复制文本及其超链接?

Jquery 如何使剪贴簿复制文本及其超链接?,jquery,html,clipboard.js,Jquery,Html,Clipboard.js,如何制作ClipboardJS可以将文本与其超链接一起复制?我已经试过使用数据链接,但没有成功 clipboard.on('success', function(e) { var aff_link = $(this).attr('data-link'); }); 这是我已经尝试过的,html是copy您可以使用隐藏输入值来尝试 var clipboard=新剪贴板('.btn copy'{ 文本:函数(){ return document.querySelector('input[

如何制作
ClipboardJS
可以将文本与其超链接一起复制?我已经试过使用
数据链接
,但没有成功

clipboard.on('success', function(e) {
    var aff_link = $(this).attr('data-link'); 
});

这是我已经尝试过的,html是
copy

您可以使用
隐藏输入值来尝试

var clipboard=新剪贴板('.btn copy'{
文本:函数(){
return document.querySelector('input[type=hidden]')。值;
}
});
剪贴板上的('success',函数(e){
警报(“复制!”);
e、 选举();
});
$(“#输入url”).val(location.href)
.wrapper{
宽度:100%;
身高:100%;
文本对齐:居中;
边缘顶部:10px;
}
.btn副本{
背景色:#38AFDD;
边界:透明;
边框底部:2px实心#0086B7;
边界半径:2px;
填充:10px;
最小宽度:100px;
颜色:#fff;
}
.btn副本:悬停,
.btn副本:焦点{
背景色:#48A1C1;
边框底部:2个实心#38AFDD;
/*过渡跨浏览器*/
过渡:所有.3s都很轻松;
-webkit过渡:所有.3s易用;
-moz过渡:所有.3秒都很轻松;
-o型过渡:所有。3秒容易进入;
}

单击下面的按钮将当前url复制到带有隐藏输入的剪贴板
复制
简易代码;)
复制文本
函数myFunction(){
/*获取文本字段*/
var copyText=document.getElementById(“myInput”);
/*选择文本字段*/
copyText.select();
/*复制文本字段内的文本*/
文件。执行命令(“副本”);
/*警告复制的文本*/
警报(“复制的文本:+copyText.value”);
}

谢谢你的回答,但这不是我想要的。我想要的是这样的东西。当你点击按钮时,文本将被复制,然后当你将其粘贴到gmail上时,它将显示
facebook
,并带有一个
https://facebook.com
谢谢您的回答!但我认为您的代码只复制文本,而不是超链接,我需要一种复制富文本格式的方法,因为我希望将超链接复制到剪贴板
Easy Code ;)

<!-- The text field -->
    <input type="text" value="Hello World" id="myInput">

    <!-- The button used to copy the text -->
    <button onclick="myFunction()">Copy text</button>


    function myFunction() {
      /* Get the text field */
      var copyText = document.getElementById("myInput");

      /* Select the text field */
      copyText.select();

      /* Copy the text inside the text field */
      document.execCommand("copy");

      /* Alert the copied text */
      alert("Copied the text: " + copyText.value);
    }