解决clipboard手机端无法复制的一种思路

本文介绍了在微信推广页面中实现点击按钮自动复制微信号到剪贴板的功能。使用clipboard库,通过ajax从服务端获取数据,并探讨了在手机端遇到的点击穿透问题,最终找到解决方案。建议使用
摘要由CSDN通过智能技术生成

最近,做了一个切图的小项目

主要内容是微信号的推广页面,上面会有精美的图片和微信号:)

点击按钮,会复制到粘贴板上,自己去微信里面粘贴搜索:),懒人会进行一系列复杂操作么,不看好

首先,百度了一下,看中clipboard库,纯js兼容手机端,好激动:)

clibboard的GitHub地址,使用非常简单,自己看demo目录的内容,源码看的方,还是不知道如何实现的,求教

主要思路,就点击按钮,自动将文本复制到剪贴板。

选择使用其中的function,可以使用ajax从服务端获取微信号

官网的方案

1 new Clipboard('.btn', {
2     text: function(trigger) {
3         return trigger.getAttribute('aria-label');
4     }
5 });

Now, you need to instantiate it by passing a DOM selectorHTML element, or list of HTML elements.

可以选择三种方式,来确定点击哪儿触发点击。

根据业务需要,使用zepto来获取json

 1 // 添加获取json
 2 Zepto(function ($) {
 3     $.getJSON('account/data.json', '?time='+new Date().getTime(), function (data) {
 4         let name = data.name;
 5 
 6
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值