使用clipboard.js点击自动复制

本文主要是介绍使用clipboard.js点击自动复制，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

官网http://www.clipboardjs.cn/下载号文件，然后导入

<script src="dist/clipboard.min.js"></script>

在需要的地方绑定，这里用的是从属性复制，比较符合场景，根据项目使用从元素复制剪切或者从属性

 <div class="zt topkefu" id="btnCopy"  class="fiexed-bottom-div" data-clipboard-text="123456">客服微信：123456 (点击添加)</div>

最后加上js

<script type="text/javascript">var clipboard = new ClipboardJS('#btnCopy');//具体绑定clipboard.on('success', function(e) {// 成功时console.info('Action:', e.action);console.info('Text:', e.text);console.info('Trigger:', e.trigger);e.clearSelection();alert("复制成功，请打开微信搜索联系人");});clipboard.on('error', function(e) {//失败时console.error('Action:', e.action);console.error('Trigger:', e.trigger);alert("复制失败，请手动复制");});</script>  

然后就好了

这篇关于使用clipboard.js点击自动复制的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---