博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击按钮将内容赋值到粘贴板
阅读量:4585 次
发布时间:2019-06-09

本文共 710 字,大约阅读时间需要 2 分钟。

以下代码实现了点击将内容复制到粘贴板随处粘贴的效果

很实用!!

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>function-text</title>
</head>
<body>
<button class="btn">复制</button>
<div id="c">SUCCEED</div>

//引用clipboard.min.js实现将内容复制

<!-- <script src="http://www.jq22.com/demo/copy20161120/dist/clipboard.min.js"></script> -->
<script src="./clipboard.min.js"></script>

<script>

var c = document.getElementById("c");
var s = c.innerHTML;
var clipboard = new Clipboard('.btn', {
text: function() {
return s;
}
});

 

//检验是否复制成功

clipboard.on('success', function(e) {
console.log("复制成功")
});

clipboard.on('error', function(e) {

console.log(e);
});
</script>
</body>
</html>

转载于:https://www.cnblogs.com/wyliunan/p/8145900.html

你可能感兴趣的文章
.net项目移植后的虚拟目录的配置问题
查看>>
JSP页面中引入另一个JSP页面
查看>>
Android笔记——活动的生命周期
查看>>
springmvc使用包装的pojo接收商品信息的查询条件
查看>>
【Linux】【Services】【Configuration】puppet
查看>>
poj 1002:487-3279(水题,提高题 / hash)
查看>>
RAC环境上搭建DG
查看>>
OS X Mountain Lion高手进阶
查看>>
初识电流环
查看>>
MySQL每天自动增加分区
查看>>
在线生成坐标值,方便布局使用
查看>>
ab测试工具的使用
查看>>
RTL基本知识:编译命令指定隐性线网类型
查看>>
java中BigDecimal在金融行业中的使用
查看>>
66.Plus One
查看>>
sqlserver 中 where 条件和 join 条件的作用比较
查看>>
Linux 连接mysql服务器
查看>>
shell脚本中大于,大于等于,小于,小于等于、不等于的表示方法
查看>>
[LeetCode] 256. Paint House_Easy tag: Dynamic Programming
查看>>
Java基础——面向对象编程一:封装
查看>>