JavaScript+Html5实现按钮复制⽂字到剪切板功能（⼿机
⽹页兼容）
新学习JavaScript，就碰到这么⼀个需求，⼏乎⽹上的⽅法都试过了。写出了总结下
使⽤的⽅法：clipboard
引⼊插件：⽬录\clipboard.js-master\dist\clipboard.min.js
⽬录中有各种demo，分别实现了固定的⽂字复制，input的复制等等，可以看下思路；
下边来记录下使⽤的⽅式：
⼀：引⼊插件：
<script src="js/clipboard.min.js" type="text/javascript"></script>htmlbutton属性
⼆：给标签添加属性：data-clipboard-text
<div id="btn" data-clipboard-text="1">
<span>Copy</span>
</div>
三：定义script ：实现复制功能---（写的内部的script，外部的总是报错，不到类，新⼿不⼤懂，以后再补充）
<script>
var clipboard = new Clipboard('btn');
<('success', function(e) {
e.clearSelection();
//复制成功
});
<('error', function(e) {
//复制失败
});
</script>
补充：new Clipboard()----参数为id class都可以，跟css定义⼀样  id 或者.class
四：⾃定义复制的内容；
new Clipboard('.btn', {
target: function(trigger) {
ElementSibling;
}
});
通过return返回想复制的内容，
五：列表页复制每条列表内容
可以给每个item⾃定义属性data-clipboard-text即可
div.setAttribute("data-clipboard-text","asdf");
补充：电脑浏览器⼏乎都可以⽀持，⼿机上安卓可以，苹果有点问题，需要把标签设置成button
以上所述是⼩编给⼤家介绍的JavaScript+Html5实现按钮复制⽂字到剪切板功能(⼿机⽹页兼容)，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。