https://clipboardjs.com/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--clipboardjs.com 下载插件 并引入-->
<script type="text/javascript" src="./dist/clipboard.min.js"></script>
</head>
<body id="myBody">
<!--只能复制input 和 textarea元素的内容-->
<input type="text" id="copyVal" value="被复制内容" />
<button class="copyBtn" data-clipboard-action="cut" data-clipboard-target="#copyVal">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
<script>
var copyBtn = new ClipboardJS('.copyBtn'); // 创建ClipboardJS对象
// 监听复制成功事件
copyBtn.on("success",function(e){ // 创建ClipboardJS对象
alert(e.text); // 复制的文字
});
// 监听复制失败事件
copyBtn.on("error",function(e){
alert("some error");
});
</script>
</body>
</html>
网友评论