示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.js"></script>
<body>
<div id="copyMe" style="width:180px;text-align:center;margin:0 auto;">11111111111</div>
<input type="button" value="复制" id="copy">
</body>
<script>
var clipboard = new ClipboardJS("#copy", {
text: function () {
//寻找被激活的那个div pre元素,同时获取它下面的内容
return $("#copyMe").text();
}
});
clipboard.on('success', function (e) {
alert("已复制到粘贴板！");
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
</script>
</html>
------------------------------------------------------------------------------
1 <script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.js"></script>
2 <span style="float:right;font-weight:normal;"><input type="button" value="分享" id="copy"></span>
3 <script>
var clipboard = new ClipboardJS("#copy", {
text: function () {
//寻找被激活的那个div pre元素,同时获取它下面的内容
return window.location.href;
}
});
clipboard.on('success', function (e) {
alert("复制成功 分享给你的好友一起欣赏！");
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
</script>
