ClipboardJS实现点击复制功能

js点击复制功能的实现

<!doctype html> <html> <head> <meta charset="utf-8"> <title>点击复制功能的实现</title> </head> <body> <script type="text/javascript"> function copyUrl2() { var Url2 = document.getElementById…

之前在工作中,有位同事问过我一个问题,JS如何实现点击复制功能.给他解决后现在来总结归纳一下,顺便做个笔记. PS:此乃本人第一篇博客(跟着同事大佬学习),涉及知识尚浅,如有任何意见和建议请告知于我.下面开始正文: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>源生JS实现点击复制功能</title> </head> <bo…

vue点击复制功能

复制功能,选中复制或者点击复制(不使用插件的情况下) 1.选中复制这个比点击复制简单点 <template> <div> <el-button type="primary" plain @click="copy()">复制</el-button> </div> </template> <script> export default { data(){ r…

html5页面实现点击复制功能

在实际工作中,有时候会遇到这样的需求,页面上有一个链接,不需要选中链接内容,只需要点击复制按钮,就可以把链接内容复制到剪切板.这时候可以使用clipboard插件来实现.以下是一个简单的demo. 首先可以通过npm install clipboard --save-dev 来安装该插件 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>clipboard示例</title&g…

微信小程序点击复制功能

wx.setClipboardData({ data: '这是要复制的文字', success: function (res) { wx.showModal({ title: '提示', content: '复制成功', showCancel: false }); } }) copy(){ wx.setClipboardData({ data: this.order.orderCode, success: function (res) { wx.getClipboardData({ succes…