公众号开发:实现一键复制功能

news/2024/7/10 23:09:35 标签: javascript, 前端, es6

1、下载clipboard.js 插件
网上有资源,或者在本博客资源管理中找。

2、设置html中的元素文本
实例代码如下:

<a href="javascript:;" class="btn" data-clipboard-text="复制文本的内容啊啊啊">点击复制</a>

3、设置JS中的文本内容 (一)
如果在html中设置了data-clipboard-text,就可以直接调用复制。实例代码如下

var clipboard = new ClipboardJS('.btn');
    clipboard.on('success', function(e) {
        console.log(e);
    });
    clipboard.on('error', function(e) {
        console.log(e);
    });
    

4、设置JS中的内容(二)
也可以在JS中设置要复制的内容。代码如下:

var clipboard = new ClipboardJS('.btn', {
        text: function () {
            return 'to be or not to be';
        }
    });

http://www.niftyadmin.cn/n/875467.html

相关文章

禁止点击事件pointer-events报错,应为pointerEvents

在css文本中pointer-events可以设置&#xff0c;但是在js中则会报错。 例如&#xff1a; var tipsTitle document.getElementById("getCode"); tipsTitle.style.pointer-events"none";//显示错误应改为骆驼命名法&#xff1a; var tipsTitle document.get…

生成带参数二维码(thinkphp框架)

1、下载phpqrcode.php生成模块文件&#xff0c;网上有资源&#xff0c;可以查。 2、将phpqrcode.php引入到代码中&#xff0c;例如&#xff1a; require_once ../vendor/phpqrcode.php;3、生成带二维码&#xff0c;代码如下&#xff1a; public function code($url "h…

公众号开发:实现自定义分享功能

公众号开发&#xff1a;自定义分享功能的实现&#xff0c;参考微信公众号开发文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 一、绑定域名&#xff0c;引入js文件 将网站域名添加到公众号js接口安全域名中&#xff0c;引入js文件&#xff1…

canvas生成海报toDataUrl报错,解决方案

微信公众号H5页面&#xff0c;生成带参数二维码海报的思路。 一、生成带参数二维码 使用插件phpqrcode&#xff0c;这个功能在之前的文章中有记录。不在赘述。 二、生成canvas画布 先将海报内容通过cavans画出来。再将canvas图片利用toDataUrl转换为Base64编码。然后&#xf…

错误:网络请求错误:request:fail -2

错误原因&#xff1a;SSL证书配置错误 在配置SSL证书时&#xff0c;pem文件有两段密钥&#xff0c;需要将两段密钥全部复制粘贴。如果缺少后面一段&#xff0c;就会出现&#xff1a;网络请求错误:request:fail -2。解决方法&#xff1a;将两段密钥全部复制&#xff0c;然后重启…

你在休息,钱在工作_富爸爸_新浪博客

▲三项炼金术—-理财学习理论篇&#xff01; 如何将300元变成100万元呢&#xff1f;这个看似“白日做梦”的想法&#xff0c;通过投资理财你完全可以实现。 我们耳熟能详的亿万富翁&#xff0c;无一不是精明的投资家&#xff0c;如股神巴菲特、金融炼金师索罗斯等&#xff0c;不…

uni-app中scroll-view隐藏滚动条

在App.vue的style代码部分加入&#xff1a; ::-webkit-scrollbar{display: none;}即可完美解决。

js验证邮箱格式、手机格式,适用于uni-app

用js判断邮箱格式&#xff0c;适用于uni-app var reg /^([a-zA-Z]|[0-9])(\w|\-)[a-zA-Z0-9]\.([a-zA-Z]{2,4})$/; if(!reg.test(this.email)){uni.showToast({title:"邮箱格式不正确",icon:"none"});return false; }判断手机格式 var myreg/^[1][3,4,5,…