<!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>
JS通用clipboard - https://clipboardjs.com/
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 上海网站建设哪家强 推荐上海鹿名。上海鹿名网络科技有限公司（www.lhshegong.com）是一家专业从事企业...
