clipboard.js 实现移动端和pc端复制到剪贴板功能
来源:互联网 发布:淘宝 大麦网官方旗舰店 编辑:程序博客网 时间:2024/05/16 11:39
感谢以下两个具有帮助性的博客:
www.cnblogs.com/yunser/p/7628031.html
http://m.blog.csdn.net/deeplies/article/details/77184933
在vue中使用clipboard.js 时候发现一个问题,就是如果 :data-clipboard-text = “wechat”使用这个属性的话在移动端就不生效,不知道为什么
<template> <a href="javascript:;" @click="copyWx" :data-clipboard-text="wechat">复制微信</a></template>
只能写成这样,pc和移动端才都能支持,而且必须是 button 标签和 input 标签
<input id="foo" :value="invitorInfo.inviteUrl" type="text" v-show='false'><button class='btn' @click='copyWx' data-clipboard-action="cut" data-clipboard-target="#foo">点击</button>methods: { copyWx () { var clipboard = new Clipboard('.btn') clipboard.on('success', e => { alert('微信号已复制,请打开微信,点击右上角+号,选择添加朋友,粘贴搜索') // 释放内存 clipboard.destroy() }) clipboard.on('error', e => { // 不支持复制 alert('浏览器不支持自动复制,请手动复制微信号') // 释放内存 clipboard.destroy() }) }},
阅读全文
0 0
- clipboard.js 实现移动端和pc端复制到剪贴板功能
- Clipboard.js实现复制文本到剪贴板功能
- clipboard: 实现复制到剪贴板功能
- clipboard.js实现内容复制到剪贴板
- clipboard.js 复制到剪贴板
- pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
- 使用clipboard.js实现页面内容复制到剪贴板
- clipboard.js实现无flash复制内容到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- 使用clipboard.js实现页面内容复制到剪贴板
- 浏览器实现复制内容到剪贴板 -- clipboard.js
- Clipboard.js : 移动端浏览器实现网页内容复制
- 使用clipboard.js实现移动端粘贴复制
- JS实现复制到剪贴板功能
- 纯js实现复制到剪贴板功能
- 纯js实现复制到剪贴板功能
- clipboard.js实现复制功能
- js一键复制,Clipboard.js:不用Flash实现剪贴板功能的轻量级JavaScript库
- python基础系列教程——python面向对象编程全解
- idea 修改文件打开方式
- Myeclipse项目有错误文件木有错误
- JSP重定向与转发区别
- jvm垃圾收集器与内存分配
- clipboard.js 实现移动端和pc端复制到剪贴板功能
- LWC 61:741. Cherry Pickup
- 适配器模式详解
- 【Scikit-Learn 中文文档】预处理数据
- BZOJ5109:[CodePlus 2017]大吉大利,晚上吃鸡! (最短路+Hash表+二进制压位)
- HDOJ--2082找单词!!!母函数
- 李彦宏:想活150得靠AI,雷军:下代旗舰机更AI | 大佬乌镇论道
- 海量ICLR论文点评公开,用这几个工具可以读得更轻松
- 机房收费系统之上下机