js实现一键复制（可用于复制微信号）

移动端有时候需要显示微信，但是扫码不方便所以使用复制文本的效果来代替。

第一种就是显示文本（也就是微信号），通过长按复制文本来达到复制效果。

第二种就是【一键复制】，例如网新科技的手机端底部的微信复制功能（http://m.ibw.cn）

实现方法：

1.先下载文件clipboard.min.js，其官网上压在压缩包后直接找到js文件clipboard.min.js即可。

2.由于微信号这里的input直接隐藏就无法复制，所以只能定位到不在可视页面上显示来当做隐藏的效果。

使用代码

<script src="js/clipboard.min.js"></script>
<div style="position:absolute; top:-9999em; left:-9999em; z-index:-999;"><input id="foo" type="text" value="这里修改成你的微信号"></div><button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">微信咨询</button>

<script>var clipboard = new ClipboardJS('.btn');clipboard.on('success', function(e) {console.log(e);alert("微信号已复制成功，请到微信直接粘贴，加好友专业营销顾问一对一为您服务")});clipboard.on('error', function(e) {console.log(e);});
</script>

第二种方法：直接用js

<div><span id="copyMy"> 复制我试试</span><button onClick="copyFn()">点击复制</button>
</div><script>function copyFn() {var val = document.getElementById('copyMy');window.getSelection().selectAllChildren(val);document.execCommand("Copy");alert("已复制好，可贴粘。");}
</script>

js实现一键复制（可用于复制微信号）相关推荐

如何统计复制微信号转化次数？微信号复制统计？
如何统计复制微信号转化次数?微信号复制统计? 还不知道如何统计微信号的复制数据.这里大家可以了解一下六个赞加粉统计,主要分为三大模块,大家可以了解一下.微信号复制统计.关键词复制统计工具.微信号在线管 ...
关于长按复制微信号和二维码的统计监测
关于长按复制微信号和二维码的统计监测 https://mp.weixin.qq.com/s/mKW04zNRFcKrfq_r1f6-QQ? 上述方法适合静态微信号的复制监测,如果微信号是动态变化的,那 ...
抖音落地页一键复制微信号跳转微信的方法
抖音现在毫无疑问的成为了大众喜闻乐见.爱不释手的娱乐利器,工作闲暇.茶余饭后.候车排队等等只要有空,就会随时随刻随手划拉,每个人都沉浸在这虚拟和现实的交互之中,乐不思蜀,忘乎所以,不能自拔. 抖音现在 ...
C# 淘宝商品微信返利助手开发-（九）编写一个vue页面用于复制淘口令
系列教程一目录:返利助手原理系列教程二目录:返利助手开放文档以及帐号申请地址系列教程三目录:返利助手开发(1)API介绍系列教程四目录:返利助手开发(2)淘宝分享的内容如何只取淘口令系列教程五 ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
如何在抖音官网链接中一键复制微信号跳转微信
抖音现在毫无疑问的成为了大众喜闻乐见.爱不释手的娱乐利器,工作闲暇.茶余饭后.候车排队等等只要有空,就会随时随刻随手划拉,每个人都沉浸在这虚拟和现实的交互之中,乐不思蜀,忘乎所以,不能自拔. 抖音现在 ...
如何在抖音官网链接中一键复制微信号打开微信
抖音现在毫无疑问的成为了大众喜闻乐见.爱不释手的娱乐利器,工作闲暇.茶余饭后.候车排队等等只要有空,就会随时随刻随手划拉,每个人都沉浸在这虚拟和现实的交互之中,乐不思蜀,忘乎所以,不能自拔. 抖音现在 ...
微信 html自动复制功能,怎样在网页中一键复制拷贝微信号跳转到微信
经常看到很多商家会把个人微信号留在广告宣传页或者文章中,无论是作为商业用途还是吸粉,往往效果都不是很好,转化率都非常低.因为整个流程操作太复杂了,用户需要手动选中内容复制到剪贴板,然后退出打开微信,再 ...
微信号复制跟跳转——clipboard.js
clipboard.js是现代化的"复制到剪切板"插件. 安装: 1.通过npm 安装:npm install clipboard --save 2.官网下载:https://cl ...

js实现一键复制（可用于复制微信号）

js实现一键复制（可用于复制微信号）相关推荐

最新文章

热门文章