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);
}